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)

9d08d296af1b45f4bd00d2813015ff7e

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.