plotly / plotly/plotly.js

Performance Issues with Sankey Diagram in react-plotly.js with large data

Offen
#7,045 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug P3 performance
Vorherrschende Sprache
JavaScript
Sterne
18.3k
Forks
2k
Ø Merge
2 T. 12 Std.
Gemergte PRs (30 T.)
28

Beschreibung

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!

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit dem verlinkten JSFiddle-Beispielprojekt und reproduziere den Absturz des Sankey-Diagramms mit dem größeren Datensatz; vergleiche ihn anschließend mit dem Fall mit vier Werten pro Teil. Ermittle, welcher Teil des demonstrierten Rendering-Pfads den Performance-Fehler verursacht; abgeschlossen ist die Aufgabe, wenn der große Datensatz ohne Absturz mit einer messbaren Leistungsverbesserung gerendert wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, next.js, react
Bereich
data-visualization, frontend, performance
Issue-Typ
Bug
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.