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
Wwicaksh
Last edited Apr 22, 2020
Created on Apr 22, 2020

This treemap visualizes the hierarchical structure of the Flare data set, encoding each leaf node’s size by its rectangular area and grouping related categories by color. The view toggles between summing node values by size or by count, with animated transitions updating the layout over 750 milliseconds. Built with D3 v4, the example uses `d3.treemap`, `d3.hierarchy`, `d3.scaleOrdinal`, and `d3.treemapResquarify`, rendering the hierarchy as SVG rects and text elements with clip paths.

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