{"version":"1.0","type":"rich","title":"familytree","description":"This example renders a zoomable hierarchical tree visualization, displaying a color-themed taxonomy where root categories like Black, Blue, and Green branch into related items. The code uses D3 v5's `tree`, `hierarchy`, and `linkHorizontal` functions to compute the SVG layout, with node labels colored via data attributes and text shadows applied through CSS. Zooming is implemented using the `zoom` event, while font sizes scale based on node depth. The data loads from a local JSON file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/892a39c0c0204f0a853b448068d5feed?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}