Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Treemap from bl.ocks.org

Public visualization

Viewing a saved revision (read-only)

c3a48234263340aea8a7dcdeecacca57

Treemap from bl.ocks.org

0 stars0๐ŸŒ Public
Bbootshine2
Last edited Oct 23, 2019
Created on Oct 23, 2019

A treemap visualization displays the hierarchical structure of the flare.json dataset, with nested rectangles sized by either node size or leaf count. The interactive chart allows toggling between these two aggregation modes via radio buttons, triggering a smooth animated transition. Built with D3 v4, the visualization uses `d3.treemap`, `d3.hierarchy`, and `d3.scaleOrdinal` for coloring, rendering SVG cells with clipped text labels and tooltips.

AI-generated description

An example of porting a work from bl.ocks.org into VizHub. This is a direct port of Mike Bostockโ€™s Block: Treemap, modified only to split into separate files, and to fit in the space available.