Skip to main content
SimilarExport ZIP
100%

Pie Chart with Labels and Legend ice-7

✓ Published3🌍 Public
Bbadrinath888@gmail.com
Last edited Oct 23, 2025
Created on Oct 23, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
88% 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
85% match
Loading thumbnail…

Pie Chart (CO₂ Share by Region, 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.

Vvunnamnandini13@gmail.com
85% 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
84% 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
82% 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
82% match
Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu
81% 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
81% match