Performance Issues with Sankey Diagram in react-plotly.js with large data
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
I'm experiencing performance issues when using react-plotly.js to create a Sankey diagram in a Next.js project. When I use a large dataset, the application crashes. I have created a sample project with some data that demonstrates the problem. The project works if I limit each part to 4 values.
Here is the link to the sample project: https://jsfiddle.net/hongquanhak/foawx0Ld/1/
Is there any way to improve the performance of the Sankey diagram with large datasets?
Thank you for your help!
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked JSFiddle sample project and reproduce the Sankey diagram crash using the larger dataset, then compare it with the four-values-per-part case. Identify which part of the demonstrated rendering path causes the performance failure; done means the large dataset renders without crashing with a measurable performance improvement.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, next.js, react
- Domain
- data-visualization, frontend, performance
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100