Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TreeMapping

Public visualization

Viewing a saved revision (read-only)

2a1e918995e440d6be7a8f991a6a29db

TreeMapping

0 stars0🌍 Public
KKamalabot
Last edited Jul 8, 2022
Created on Jul 8, 2022
Forked from Annotated Bar

A static SVG treemap built with plain HTML and CSS, styled with large text and a red color palette. The visualization uses nested rectangles to represent hierarchical data, with layered `<rect>` elements manually positioned via absolute coordinates. Rendered entirely through declarative SVG markup rather than D3 data joins, it serves as a basic exercise in geometric composition and color coding. The code includes D3 v7 via CDN but does not invoke any D3 APIs.

AI-generated description

A demonstration of how to start doing datavisualisation.

Work on the tutorials from Get it Black and White from Curran's new D3 videos.

We are doing only the basic SVG to begin with