Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Treemap Visualization

Public visualization

Treemap Visualization

0 stars1๐ŸŒ Public
GGayan Priyadarshana
Last edited Aug 18, 2023
Created on Aug 18, 2023

This treemap visualizes U.S. steel scrap trade values by partner country, with radio buttons to switch between Import and Export data. Each rectangle represents a country, sized and colored by total trade value, and clicking a cell drills down to show individual commodities. The visualization uses D3.js v7 with `d3.hierarchy`, `d3.treemap`, and `d3.scaleSequential` for color encoding, rendering SVG elements with interactive click handlers and animated updates. Data comes from a CSV file containing import/export records.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed