Viewing a saved revision (read-only)
84b295e32d734669baa123950008ef12
Sunburst Chart CO2 emissions
An interactive sunburst chart visualizes global CO₂ emissions as a hierarchical partition of regions and countries, using a warm color gradient where segment size and shade encode total metric tons. A dropdown menu filters the view to a single region, while hovering reveals a tooltip with country or region names and emissions values. Built with D3.js, the chart uses `d3.hierarchy`, `d3.partition`, and `d3.arc` to compute the layout, and `d3.scaleSequential` with `interpolateWarm` for coloring. The SVG rendering includes a semi-transparent background image and dynamically re-renders chart groups on region selection.
AI-generated descriptionSunburst Visualization: CO₂ Emissions by Region and Country
Overview
This project is an interactive sunburst chart visualization built using D3.js. It provides a hierarchical view of CO₂ emissions data by regions and countries, allowing users to explore data dynamically. The chart includes interactivity such as tooltips and a dropdown to filter by region, offering a visually engaging way to analyze emissions.
Features
Interactive Sunburst Chart:
- Displays regions as hierarchical levels, with countries nested inside their respective regions.
- Uses a warm color gradient to visually represent CO₂ emissions magnitudes.
Dynamic Region Filtering:
- Includes a dropdown menu to filter and display emissions for a specific region or view all regions.
Interactive Tooltip:
- Displays the region or country name and the corresponding CO₂ emissions value when hovered.
Background Image:
- Enhances the visualization with a semi-transparent background image for a polished design.