Pie Chart (CO₂ Share by Region, 2025)

100%

Pie Chart (CO₂ Share by Region, 2025)

✓ Published0🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

A pie chart displays the estimated share of global CO₂ emissions by region for 2025, with five categories (Asia, Europe, Americas, Africa, Oceania) derived from country-level data mapped to regions. Each slice is colored via `d3.scaleOrdinal`, and percentage labels are placed using `d3.arc` centroids. A hover tooltip shows the regional share. The visualization uses D3.js v7 to load CSV data from a GitHub gist, compute aggregates with `d3.rollup`, and render the chart as SVG elements with an interactive HTML legend.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart with Labels and Legend ice-7

This pie chart displays CO₂ emissions by continent, with each slice labeled directly on the chart and accompanied by a color-coded legend. The chart uses D3.js v7 with an SVG rendering approach, loading data from a CSV file via `d3.csv()`. Slice geometry is generated using `d3.pie()` and `d3.arc()`, with labels positioned at slice centroids and a legend built using SVG `rect` and `text` elements. Colors are mapped through a `d3.scaleOrdinal` with the `schemeCategory10` palette.

Bbadrinath888@gmail.com

85% match

Loading thumbnail…

Piechart ICE 7

This example shows a pie chart visualizing CO2 emissions by country, sourced from a GitHub-hosted CSV file. The chart displays each country’s emission value as a labeled slice, with a legend identifying countries by color. Built with D3.v5, the code uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the slices, and renders the visualization as SVG within an HTML page.

RRebecca Moore

82% match

Loading thumbnail…

manojsai_bangaru_pie_chart

This pie chart visualizes CO₂ emissions by country, with each slice labeled by the country's name and a legend on the left displaying the country names alongside their respective values. The chart is built using D3 v7 APIs, including `d3.pie`, `d3.arc`, and `d3.arc().centroid` to position labels within the slices. Data is loaded from a CSV file via `d3.csv`, and colors are assigned using `d3.scaleOrdinal` with the `d3.schemeSet3` palette.

MManojsai Bangaru

81% match

Loading thumbnail…

Pie Chart

This example displays a pie chart of the top 10 countries by CO2 emissions, showing each country's share of the total and its emission amount in million tons. The chart is rendered in SVG using the D3 library, with the `pie`, `arc`, and `scaleOrdinal` functions to construct and color the slices and legend. Data is loaded from a remote CSV file containing country and co2_amount fields, and the D3 `csv` function parses the data. The legend lists each country with its percentage and tonnage, providing a detailed breakdown alongside the visual representation.

Hhossaphul

80% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart displays the top 10 countries by global CO2 emissions in 2018, using a dataset fetched via d3.csv from a remote gist. Each slice is labeled with the country name and colored using d3.scaleOrdinal with a predefined palette, while a legend on the right maps colors to countries. The visualization is rendered as an SVG using d3.pie and d3.arc, with the chart centered and scaled to fit the 960x500 canvas. The code filters and sorts the data to show only the largest emitters.

Yyvarshachowdary@gmail.com

79% match

Loading thumbnail…

Fork of Piechart ICE7

This visualization is a pie chart depicting CO2 emissions by country, with each slice labeled with the profit value and accompanied by a legend showing the state and its corresponding emission value. The chart uses D3 v5 to fetch CSV data from a GitHub gist, and the pie layout and arc generator create the circular segments. Data is represented with an ordinal color scale, and the visualization is rendered as SVG with text labels and interactive legends.

Kkarumanchimanasa

79% match

Loading thumbnail…

piechart

A pie chart displays the expiry counts by country due to air pollution, with each slice labeled by its value in thousands. The chart uses D3 v5 to load CSV data from a GitHub repository, calculate pie arc paths with `d3.pie` and `d3.arc`, and color slices via `scaleOrdinal`. A legend lists each country with its corresponding value, and text labels are positioned using `arc.centroid`. The SVG renders at 960×500 pixels with explicit colors assigned to each section.

Bbhavyamoturi2509@gmail.com

79% match

Loading thumbnail…

Untitled

A pie chart shows the distribution of greenhouse gas emissions across different scope categories, with each slice’s area proportional to its emission value. A legend on the right lists each category with a color swatch and the corresponding numeric value. The chart is rendered with D3.js v3, using `d3.pie()` for the layout, `d3.arc()` for the slice geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Data is loaded from a local `data_GHG_sopes.json` file.

CChristianABeier

78% match