Die Verwendung von großen JSON-Dateien mit d3.js verursacht massive Performance-Hits/Abstürze

Question

So habe ich derzeit eine massive JSON-Datei, die etwa 90mb Größe und etwa 3/4 Millionen Zeilen ist. Ich versuche, mit dem Befehl d3.json ein Diagramm daraus zu erstellen. d3.json erzeugt die Daten erfolgreich, und ich kann das Diagramm rendern, aber es gibt einen Knoten in meinem Baum, der wahrscheinlich mehr als 500 Kinder hat. Dies führt dazu, dass Chrome abstürzt und Firefox zum Stillstand kommt, aber nicht abstürzt, was mir die Möglichkeit gibt, den Knoten zu schließen und die Leistung wieder zu erreichen.

Gemäß diesem stackoverflow Artikel (d3 — Progressively draw a large dataset) könnte ich dies verwenden, um den Datensatz progressiv zu zeichnen. Kann dies für JSON mit einem intelligenteren Spleißen getan werden? Wäre das Endergebnis nicht dasselbe wie in Firefox?

Gibt es eine Möglichkeit, dass ich ein Paging-System für die untergeordneten Knoten erstellen konnte? Gibt es hier eine praktikable Lösung, anstatt einfach so viele Kindknoten anzuzeigen?

Vielen Dank im Voraus.

Answer 1

Ich stellte fest, dass das Problem von der Animation und Zeichnung von d3 kam, so dass ich Pseudo-Ordner innerhalb der JSON erstellt, um die Anzahl der angezeigten Knoten zu minimieren.

Also, statt zu versuchen, 26154 Knoten auf einmal zu erweitern, habe ich beschlossen, 104 Ordner zu erweitern, die jeweils 250ish Knoten enthalten.

Hoffen, das hilft jedem, das gleiche Problem zu begegnen.