Dendrogram + Grouped Horizontal Bar Chart
This example combines an interactive zoomable sunburst (partition layout) with a grouped horizontal bar chart. The visualization encodes hierarchical data from flare.json using an SVG-based circular partition layout, where each node’s arc size reflects its aggregated value. The root circle supports click-to-zoom: clicking a deeper arc zooms in, and clicking the center zooms out, with smooth transitions. Color is mapped from the top-level category using a categorical scale, while lightness encodes value magnitude via a sqrt scale. The animation uses D3's transition and tween functions to interpolate arc geometry during zooming, providing an animated drill-down/up experience. The chart is built with D3 v3 and rendered entirely in SVG, and the code is available under the MIT license.
AI-generated descriptionBuilt with blockbuilder.org
forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/a9c86938c36144adb02289df264df12b'>Dendrogram + Grouped Horizontal Bar Chart</a>
forked from <a href='http://bl.ocks.org/vpletzke/'>vpletzke</a>'s block: <a href='http://bl.ocks.org/vpletzke/9607d012e725638343ee01a8e8fa6310'>Dendrogram + Grouped Horizontal Bar Chart</a>
forked from <a href='http://bl.ocks.org/lorenzopub/'>lorenzopub</a>'s block: <a href='http://bl.ocks.org/lorenzopub/dfd90f8a3a8c76de939f857de24e7d89'>Dendrogram + Grouped Horizontal Bar Chart</a>
forked from <a href='http://bl.ocks.org/sawasawasawa/'>sawasawasawa</a>'s block: <a href='http://bl.ocks.org/sawasawasawa/dab7a38f6ee9f703b11d92ef5ce0da0e'>Dendrogram + Grouped Horizontal Bar Chart</a>