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)

3021950d859748cabdafa78031c99686

Treemap from bl.ocks.org

0 stars1๐ŸŒ Public
JJerfaas
Last edited Apr 2, 2020
Created on Apr 2, 2020

A hierarchical treemap displays the flare dataset, showing nested file sizes and counts as colored, labeled rectangles. The visualization uses `d3.treemap` with the `d3.treemapResquarify` tile method, rendering SVG rectangles and text with mouse-over titles. Radio buttons switch between summing by file size and by node count, triggering a 750ms `transition` that animates rectangle positions and dimensions. D3 v4 and `d3.scaleOrdinal` with `d3.schemeCategory20` color the cells.

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.