Advanced Performance: Implement dynamic imports for heavy third-party libraries

[basantnema31]

Description

Currently, large mathematical or graphing libraries might be bundled synchronously into the main JavaScript chunk. This bloats the initial payload and slows down the Time to Interactive (TTI) for users who aren't even viewing the interactive charts.

Proposed Solution

I propose migrating heavy dependencies to dynamic import() statements (or React.lazy() if applicable). This ensures that the heavy code is only fetched asynchronously over the network when the user actually navigates to a complex view.

I would love to work on this advanced performance issue under the GSSoC '24 program! Could you please assign it to me?

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.