Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

51a4f6d203624ed6abba568497d84b33

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
VVarez
Last edited Aug 5, 2021
Created on Aug 3, 2021

This visualization displays a treemap of particulate matter contributions by source type across three global regions. Each region is rendered as a separate SVG group positioned absolutely, with colored rectangles representing emission sources. The code uses D3.js v5's `d3.hierarchy` and `d3.treemap` to compute tile layouts, while `d3.select` and `d3.append` handle DOM creation. Colors are mapped to source categories via a predefined `typeColors` object, and the data comes from a static JSON file containing regional emission breakdowns.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.