{"version":"1.0","type":"rich","title":"d3 template","description":"This example renders a treemap visualization using D3.js v6 in a React environment. It displays hierarchical data as nested rectangles, with each leaf node's area representing its value and labeled with its name. The code loads JSON data from a remote GitHub source, converts it into a hierarchy using `d3.hierarchy`, then computes the spatial layout with `d3.treemap`. The resulting SVG rectangles and text labels are appended to the chart, with leaves filled in slate blue, providing a clear visual breakdown of the data's composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2b3e78cfdbe54ee59f070160de4d2fb8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}