Skip to main content
100%

Dendrogram + Grouped Horizontal Bar Chart

✓ Published0🌍 Public
663anp3ca
Last edited Oct 31, 2018
Created on Oct 31, 2018

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 description

Built 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>

mit Licensed

Similar vizzes