{"version":"1.0","type":"rich","title":"React Starter","description":"This example renders a hierarchical tree diagram as an interactive SVG visualization. Built with React and D3.js, the code uses the `hierarchy()` and `tree()` functions to process a JSON data structure, preparing it for layout before the `linkVertical()` path generator draws the connecting lines between nodes. The visualization displays the tree’s nodes as text labels, with font size varying by depth, and uses the `select()` API to append paths and text elements to the canvas. Data is fetched asynchronously from a local JSON file served in a public directory.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8ad8916b8dc94df7a7486af8555b67a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}