🌍 Public
Viewing a saved revision (read-only)
10d8a249789c4dc7892f75a1cbbbbb5a
FOR HP?
This interactive bubble chart visualizes the hierarchical structure of the Flare dataset using a circular packing layout. Clicking any bubble smoothly zooms into that subtree, revealing nested categories and their leaf nodes as white circles. Built with React and D3 v4, the visualization uses `d3.pack` and `d3.hierarchy` to compute circle positions, while `d3.interpolateZoom` animates transitions between views. Node sizes encode data values, and color depth uses an HCL-interpolated linear scale for visual distinction.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.