{"version":"1.0","type":"rich","title":"Hierarchical Circles 2","description":"This visualization shows a hierarchical circle packing layout of software source code components, with nested circles representing the directory and file structure of the flare.csv dataset. The implementation uses D3 v5’s `d3.stratify` to build a hierarchy from the CSV’s dot-separated IDs, then `d3.pack` to compute the circle positions and sizes. Circles are filled with a `d3.scaleSequential` color scale based on depth. Hovering over any circle highlights all its ancestors via the `hovered` function, and leaf nodes display their names using `tspan` elements clipped to their circles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e061f1a08b146a0b72e74ecbaa2ca66?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}