Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Map Example

Public visualization

Viewing a saved revision (read-only)

698503646eab4190b46913fe94ab84e1

Tree Map Example

0 stars1🌍 Public
GGayan Priyadarshana
Last edited Aug 17, 2023
Created on Aug 17, 2023
Forked from Tree Map Example

This treemap visualizes steel scrap exports from partner countries, with each initial rectangle representing a country and its total export value. Clicking a country drills down to show a secondary treemap of that country’s commodity descriptions and their values. Built with D3 v7, the visualization uses `d3.hierarchy` and `d3.treemap` to compute the layout, rendering rectangles and labels as SVG elements. Data is loaded from a CSV file, and the drill-down interaction uses D3 transitions to animate the rectangle sizes and text updates over 500 milliseconds.

AI-generated description