Zoomable Icicle or Sunburst chart + async data loading

Hello there!

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.parition or 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.

1 Like