Activity7

100%

✓ Published0🌍 Public

Last edited Nov 10, 2025

Created on Nov 10, 2025

This interactive pie chart visualizes global CO₂ emissions by country for 2019, using data loaded from a CSV file via d3.csv. Each slice represents a country’s emissions, with a color-coded legend, country labels inside slices, and hover tooltips displaying exact emission values in tonnes. The visualization is rendered as SVG using d3.pie and d3.arc, with d3.scaleOrdinal mapping countries to the d3.schemeSet3 color palette. Transitions on tooltip opacity provide subtle animation feedback during mouse interactions.

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

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…

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

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…

Activity 7 PieChart

This D3.js pie chart displays global internet usage by country, with each slice representing a country and its corresponding number of users. The visualization loads data from a remote CSV file and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. Labels are positioned using a custom `labelArc`, and an HTML legend is built dynamically. The SVG chart is rendered with D3's selection and data-binding methods, while styling is applied through external CSS.

Gguttavenkata745@gmail.com

80% match

Loading thumbnail…

Activity7_Q1

This pie chart visualizes deaths caused by air pollution across different countries, with each slice and legend entry color-coded and labeled with death counts in thousands. The code fetches data from a CSV file using d3.csv, then uses d3.pie and d3.arc to generate the chart’s segments, while d3.scaleOrdinal assigns colors to the categories. The SVG rendering includes slice labels positioned via arc.centroid and a separate legend showing country names and values.

SSahithi.R

80% match

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

80% match

Loading thumbnail…

activity7.1_question1

This D3 pie chart visualizes country-wise counts from a remote CSV file, displaying data as color-coded slices with white outlines. Each slice is labeled with its corresponding country name, positioned via the arc centroid. A legend on the right shows each country’s color, name, and numeric value. The chart uses `d3.pie()` and `d3.arc()` for geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and renders as SVG with an HTML overlay for styling.

Ssravani1969@gmail.com

80% match