Fork of Pie chart Visualization

100%

Fork of Pie chart Visualization

✓ Published0🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

93% 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

93% match

Loading thumbnail…

Fork of ICE 7 - Pie Chart

This example displays a pie chart showing the top 10 countries by deaths in 2020 due to air pollution, with each slice labeled with the death count in thousands and accompanied by a legend listing country names and values. The visualization uses D3.js v5 to load CSV data from a GitHub gist, compute pie arc geometries with `d3.pie()` and `d3.arc()`, and render the chart as SVG paths and text elements. Color encoding is applied via `scaleOrdinal`, and the legend is constructed dynamically using D3 data joins.

Ccharanchand9

92% 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

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

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

91% 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

91% 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

91% match