Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Treemap Visualization

Public visualization

Treemap Visualization

1 star0🌍 Public
HHASAN0176
Last edited Nov 1, 2023
Created on Oct 22, 2023
Forked from D3 Starter

This interactive treemap visualizes the hierarchical structure of the Flare dataset, with rectangles sized by either file size or descendant count. Users toggle between weighting metrics and can click rectangles to zoom into branches, with right-click or the zoom-out button restoring the full view. The visualization uses D3.js v6 to render SVG rectangles, transitioning their positions and dimensions over one-second animations via `transition.attr`, while a linear color scale maps tree depth to a red gradient. Zooming adjusts the SVG viewBox attribute.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed