{"version":"1.0","type":"rich","title":"Tidy Tree vs Dendogram","description":"This example animates the same hierarchical dataset through six layout transitions, comparing the tidy tree (d3.tree) and dendogram (d3.cluster) layouts in vertical, horizontal, and radial orientations. The tree keeps sibling nodes at equal depth, while the cluster aligns all leaf nodes at the same level. Using d3.v4 and SVG, the code applies d3.linkVertical, d3.linkHorizontal, and d3.linkRadial to morph paths, with cubic Bézier curves for cluster links. Data is a static nested JSON object rendered as circles and labels.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-c7ae41a98b8cbb38f1febf13deb9d294?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}