Skip to main content
SimilarExport ZIP
100%

barchat_7 lewis

✓ Published0🌍 Public
AABCDB15
Last edited Mar 28, 2022
Created on Mar 28, 2022

This example shows the top 10 countries by deaths from air pollution in 2020 using a pie chart with a legend. It uses d3.pie and d3.arc to generate the chart segments, with d3.scaleOrdinal assigning colors and d3.format for tick labels. The data is fetched as CSV from a GitHub gist using d3.csv. The chart renders in SVG, with each slice labeled by its value in thousands and a legend listing countries alongside their corresponding death counts.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart displays the top 10 countries by deaths from air pollution in 2020. It uses D3 v5 with SVG rendering, fetching CSV data from a GitHub gist. The visualization applies d3.pie and d3.arc to generate colored segments, with labels showing values in thousands. A legend lists country names and corresponding totals, using d3.scaleOrdinal for color assignment.

SSonuSriN
88% match
Loading thumbnail…

pie chart

This pie chart visualizes the top 10 countries by deaths from air pollution in 2022, with each slice’s area proportional to the death count. The chart renders as a circular SVG with labeled slices and a legend listing each country alongside its corresponding death figure. The code uses D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` to generate and color the slices, while data is loaded from a CSV via the `csv` function. Death values are formatted in thousands (e.g., “150K”) using `format()`, and both slice labels and legend values are positioned using `arcGenerator.centroid()`.

Mmadipadiga.raviteja@gmail.com
88% match
Loading thumbnail…

Pie Chart

This visualization displays a pie chart of the top 10 countries by air pollution-related deaths in 2020, with each slice labeled with the death count in thousands and a corresponding color-coded legend. The chart is rendered as static SVG using D3 v5, leveraging the `pie`, `arc`, and `scaleOrdinal` functions from the `d3` module to compute slice geometry and assign colors. Data is loaded from a CSV file via `d3.csv` from a GitHub gist, and the total death count is calculated but not used in the display.

Kkranthireddyskr
87% match
Loading thumbnail…

ic_7 pie chart

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, using a CSV dataset fetched via D3’s `csv` loader. The chart displays each country’s death count in thousands as labeled slices, with a legend showing country names and values. The code uses `d3.pie` and `d3.arc` to generate the segments, `scaleOrdinal` for the color mapping, and renders all elements as SVG. Text labels are positioned with `arc.centroid`, and the legend is built using manual SVG group transformations.

SSaivignesh-9176
87% match
Loading thumbnail…

Fork of Pie Chart by arefa patwary

This example visualizes the top 10 countries by deaths in 2020 from air pollution using a pie chart rendered with SVG. The chart uses d3.pie and d3.arc to compute and draw arc segments, with d3.scaleOrdinal assigning colors to each slice. Text labels display death counts in thousands, while a legend lists each country alongside its corresponding value. Data is loaded asynchronously from a CSV file using d3.csv, and d3.format is applied to abbreviate large numbers.

AArefa Patwary
87% match
Loading thumbnail…

ice 7

A pie chart displays the top 10 countries by deaths from air pollution in 2020, with each slice labeled with its value in thousands. The chart uses d3.pie and d3.arc to generate the segments, with a d3.scaleOrdinal assigning a palette of ten distinct colors. Data is loaded from a CSV via d3.csv, and each slice’s value is formatted using d3.format. A legend on the right lists each country alongside its corresponding color and death count.

Sspandhanabadekol
87% match
Loading thumbnail…

pie chart

A pie chart displays the top 10 countries by recorded deaths from gas pollution in 2021, with each slice labeled in thousands and accompanied by a color-matched legend. The visualization reads data from a CSV file via `d3.csv` and uses `d3.pie` and `d3.arc` to generate the segments, with `d3.scaleOrdinal` assigning colors. Text labels are positioned using the arc centroid, and the chart renders as SVG within an HTML page.

SSai Hemanth Babu Sunkari
87% match
Loading thumbnail…

Pie chart Visualization

This pie chart visualizes the top 10 countries by deaths in 2020 attributed to air pollution, using a dataset fetched from a GitHub gist via the d3.csv API. Each slice is colored using d3.scaleOrdinal, with the country and death count displayed directly on the chart and in a legend. The code generates SVG arcs with d3.arc and d3.pie, centering the chart within a fixed 960x500 SVG canvas. Death values are formatted in thousands (e.g., “123K”) using d3.format.

DDanthalakirankumar
86% match