Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Custom Color TreeMap

Public visualization

Viewing a saved revision (read-only)

11ffa535abd9456f826e0aed447133e6

Custom Color TreeMap

0 stars1🌍 Public
GGayan Priyadarshana
Last edited Aug 17, 2023
Created on Aug 17, 2023

A custom color TreeMap visualizes US steel scrap exports, showing the hierarchy of partner countries (Canada, India, South Korea, Mexico, Pakistan, Taiwan, Thailand, Turkey) and the value of each commodity shipped. The treemap uses nested rectangles sized by the total export value per country, with a dark blue to light blue sequential color scale encoding magnitude. The visualization, built with d3.treemap and d3.hierarchy, supports drill-down by clicking a country's cell to explore its commodity breakdown. A reset button restores the root view, and transitions animate changes when drilling down or resetting.

AI-generated description