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)

57d5bdffb9cb4e308a6423fdeacc1c9f

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.