I’m currently attempting to display a huge tree of data using d3.js, and I find the zoomable pattern in the chart below so effective at that:
One problem however, is that my tree contains millions of nodes, and I’ll need to load tree branches asynchronously, as user traverses the tree. What I can’t wrap my head around is, how to use
d3.hierarchy with an incomplete dataset, eg a tree root, and then load tree data reactively with navigation.
Another challenge is that after some navigation, a huge part of the tree had been loaded and rendered, which might start slowing down navigation.
Any clues would be extremely appreciated.