🌍 Public
Viewing a saved revision (read-only)
1be9581c75fd4177a0415f74d5d27694
zoomable-icicle-ccia
This example shows the hierarchical structure of the Flare visualization library as an icicle chart, with rectangular bars representing nodes sized by their numeric value. The view is zoomable, allowing users to click on a bar to expand that node’s subtree, revealing its children. The visualization uses React for state management and D3.js for layout calculations and SVG rendering. The chart is rendered with animated transitions when navigating the hierarchy, implemented via D3’s transform and opacity interpolation.
AI-generated descriptionReact Starter code.