Skip to main content
100%

zoomable-icicle-ccia

✓ Published1🌍 Public
RRasike Abeyratne
Last edited Sep 23, 2021
Created on Sep 20, 2021
Forked from React Starter

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 description

React Starter code.

MIT Licensed

Similar vizzes