{"version":"1.0","type":"rich","title":"Untitled","description":"A force-directed network graph displays the hierarchical structure of the Flare dataset, with nodes representing files and folders and links showing parent-child relationships. Node size reflects the numeric size attribute, while color distinguishes leaf nodes (orange), collapsed packages (blue), and expanded packages (light blue). Users can click nodes to toggle their children, dynamically collapsing or expanding branches. Built with React and D3 v3, the visualization uses `d3.layout.force` for physics simulation, `flatten` to convert the tree, and SVG elements for rendering. The custom React component `VizContainer` follows the margin convention and optionally displays background rectangles for layout debugging.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c1d24272835a48e79382298fca080923?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}