Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stunning viz

Public visualization

Viewing a saved revision (read-only)

90e4d6e26fe04925886582a56b51d603

Stunning viz

0 stars0🌍 Public
NNita
Last edited Jan 15, 2026
Created on Jan 15, 2026
Forked from React & D3 Starter

This interactive climate dashboard visualizes CO₂ emissions and temperature anomalies for ten major emitting countries, with bars color-coded from cyan to red by temperature anomaly. Hovering over a bar reveals detailed country data through a custom tooltip, while a statistics panel displays average temperature, maximum emissions, and total data points. Built with React 19 and D3.js 7, the visualization uses `scaleBand` and `scaleLinear` for axis scaling, `axisLeft` and `axisBottom` for grid and tick rendering, and smooth `transition().duration()` animations for the entrance effect. SVG rendering with glassmorphism styling and a gradient background completes the modern interface.

AI-generated description