{"version":"1.0","type":"rich","title":"D3.js Tree Example","description":"This example shows a hierarchical tree layout with three levels of nodes—root, category, and subcategory—rendered as SVG shapes with distinct colors and symbols for each layer. It uses D3.js v5, loading the library via UNPKG, and applies the d3.tree layout, d3.hierarchy, d3.linkHorizontal, and d3.symbol APIs to position nodes and draw curved links. The data is hardcoded in JavaScript, and the visualization distinguishes node types using d3.scaleOrdinal for both color and shape.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9bc0d1431d9e4249804452ffb1118508?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}