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)

65e1c6fb85b34bb089c70db0c32c2a31

Treemap from bl.ocks.org

0 stars12🌍 Public
CCurran Kelleher
Last edited Sep 10, 2018
Created on Sep 10, 2018
Forked from Cars report

A treemap visualizes the hierarchical structure of the Flare data set, with nested rectangles whose areas encode either the size or count of each node. The visualization uses D3’s `d3.treemap` layout with `d3.treemapResquarify` tiling, rendering the hierarchy as an SVG. Animated transitions smoothly reshape the treemap when toggling between the "Size" and "Count" aggregation modes. The color scheme is derived from `d3.schemeCategory20`, and the tooltip displays the node’s path and numerical value.

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.