Fork of ICE 7 - Pie Chart

100%

Fork of ICE 7 - Pie Chart

✓ Published0🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 7 - Pie Chart

This visualization presents a pie chart ranking the top 10 countries by deaths attributed to air pollution in 2020, with each slice labeled in thousands and a matching legend that pairs country names with their death counts. Using D3 v5, the code fetches CSV data via `d3.csv`, computes a pie layout with `d3.pie()`, and draws arcs with `d3.arc()`. Slice colors come from a `d3.scaleOrdinal` palette, and text labels are positioned using the arc generator’s `centroid` method. The SVG rendering includes custom legend groups and formatted tick labels via `d3.format`.

Ccharanchand9

97% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example visualizes the top 10 countries by deaths from air pollution in 2020 using a pie chart. It shows each country’s death count as a colored slice, with labels displaying values in thousands, alongside a legend listing countries and their corresponding numbers. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `select` to generate SVG paths and text. Data is fetched as CSV from a GitHub gist, and the chart renders in an SVG container with a centered title.

SSaikiran2029

97% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart visualizes the top 10 countries with the highest deaths from air pollution in 2020. The chart displays each segment with a label showing the death count in thousands, alongside a colored legend listing each country and its corresponding value. The chart is built with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for coloring, with data fetched from a CSV hosted on GitHub. The SVG rendering positions the pie at a fixed coordinate and places the legend to its right.

Bbugfree55

96% match

Loading thumbnail…

Fork of Fork of ICE - 7

This example shows the top 10 countries by deaths from air pollution in 2020 as a pie chart with a legend. It uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate slices and color them, while `csv` loads data from a GitHub Gist. The chart renders in SVG, with each slice labeled by deaths in thousands and a separate legend listing countries and values.

KKeerthipriyaBankuru

96% match

Loading thumbnail…

Fork of Fork of ICE - 7

A pie chart shows the top 10 countries by deaths from air pollution in 2020, with each slice labeled by death count in thousands and accompanied by a legend listing country names and values. The chart is rendered as SVG using D3 v5, with data loaded from a CSV via `d3.csv`. Slices are generated with `d3.pie` and `d3.arc`, colored by `d3.scaleOrdinal`, and labels are placed using arc centroid calculations. The legend and labels use D3 selections and `d3.format` for number formatting.

PPujitha14challagulla

96% match

Loading thumbnail…

Fork of Fork of ICE - 7

PPujitha14challagulla

96% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart visualizes the top 10 countries by deaths attributed to air pollution in 2020, using a color-coded legend and percentage-like labels. The visualization is built with D3.js v5, leveraging `d3.pie` and `d3.arc` to generate the chart’s segments, while `d3.scaleOrdinal` maps colors to data categories. Data is fetched asynchronously via `d3.csv` from a remote URL, and the SVG rendering includes interactive text labels and a legend. The chart encodes death counts in thousands, with each slice proportionally representing the data.

Mmadipadiga.raviteja@gmail.com

95% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the top 10 countries by air pollution deaths in 2020, using a colorful segmented circle with each slice labeled in thousands and a legend pairing colors with country names. The code loads CSV data via `d3.csv`, converts death counts to numbers, and renders the chart using `d3.pie` and `d3.arc` to compute segment paths, with `d3.scaleOrdinal` assigning colors. Text labels are positioned using `arc.centroid`, and the legend is built manually with appended `rect` and `text` elements. The SVG canvas is selected with `d3.select`, and the visualization is generated asynchronously through an `async` function.

NNaimisha-M

95% match