Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Treemap from bl.ocks.org

Public visualization

Treemap from bl.ocks.org

0 stars0🌍 Public
Bbeca8675
Last edited Apr 30, 2020
Created on Apr 30, 2020

A treemap visualizes the hierarchical structure of the Flare data set, with nested rectangles representing leaves sized by their numeric value. The visualization renders using SVG elements and includes an animated transition between two aggregation modes: "Size" and "Count". Built with D3 v4, the code uses `d3.treemap` with the `d3.treemapResquarify` tiling algorithm, `d3.hierarchy`, `d3.scaleOrdinal` for color, and `d3.interpolateRgb` for fading. A 2-second timer automatically triggers the mode change.

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.

Comments

Sign in to join the discussion.

MIT Licensed