Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart by arefa patwary

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie chart Visualization

This example displays a pie chart showing the top 10 countries by deaths from air pollution in 2020. Each slice is labeled with the death count in thousands, and a legend lists the countries alongside their corresponding values. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute the arc paths and assign colors, while rendering the chart as SVG. Data is loaded asynchronously via `d3.csv` from a remote gist URL.

DDanthalakirankumar
93% match
Loading thumbnail…

Fork of ic_7 pie chart

This pie chart visualizes the top 10 countries by deaths in 2020 due to air pollution. Each slice is labeled with the death count in thousands, and a legend on the right pairs each country with its corresponding color and value. The chart is built using D3.js v5, fetching CSV data from a GitHub gist. It employs D3’s `pie`, `arc`, `scaleOrdinal`, and `format` APIs to generate the SVG arcs, centroids, and formatted text labels.

SSaivignesh-9176
93% match
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
92% 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
92% 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
92% match
Loading thumbnail…

Fork of ice 7

This visualization shows the top 10 countries by deaths from air pollution in 2020 using a pie chart, with each slice labeled with its corresponding death count in thousands and a legend listing country names and values. The code loads data from a CSV via `d3.csv`, processes it asynchronously, and renders the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for slice colors. SVG elements are appended and positioned using `d3.select`, and text labels are placed using `arc.centroid`. Percentages are not shown; only raw death counts are displayed.

Sspandhanabadekol
92% match
Loading thumbnail…

Fork of countries

This visualization is a pie chart illustrating the top 10 countries by deaths from air pollution in 2020, with each slice labeled with the death count in thousands. The chart uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the slices and their colors, while d3.select appends SVG elements for the pie and a legend. Data is fetched from a CSV URL via d3.csv, and the code formats the numeric labels using d3.format. The visualization clearly shows the proportional death tolls, with a legend mapping each country to its corresponding slice color.

NNaimisha-M
92% match
Loading thumbnail…

Fork of PIE Chart Aishwarya M

This example shows the top 10 countries by deaths from air pollution in 2020 using a pie chart. Each slice is labeled with its value in thousands, and a legend lists country names alongside colored swatches and corresponding death counts. The visualization is built with D3.js version 5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and labels. Data is loaded as CSV from a GitHub gist, and the chart is rendered in an SVG container.

Eeravellisaimeghana
91% match