Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart

✓ Published1🌍 Public
NNaimisha-M
Last edited Jul 1, 2022
Created on Jul 1, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This D3.js v5 pie chart visualizes the top 10 countries by deaths from air pollution in 2020. The SVG rendering uses `d3.pie` and `d3.arc` to generate the segments, with a custom `scaleOrdinal` color scheme. Each segment displays a death count formatted in thousands, and a legend pairs each country with its corresponding color and value. Data is fetched asynchronously from a CSV file using the `d3.csv` API, and the chart is centered within a 960x500 pixel SVG canvas.

NNaimisha-M
97% match
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
96% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart 11515092

This chart shows the top 10 countries by deaths attributed to air pollution in 2020, using a pie chart with a legend and value labels. It loads CSV data from a GitHub gist via `d3.csv` and renders SVG arcs with `d3.pie` and `d3.arc`. A `d3.scaleOrdinal` maps death counts to a fixed set of colors, while text labels use `d3.format` to abbreviate values as thousands (e.g., "1.2K"). The legend is built manually with appended SVG rectangles and text elements, all styled with CSS.

NNaimisha-M
96% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart 11515092

A pie chart displays the top 10 countries by deaths from air pollution in 2020, using D3 v5 to fetch CSV data and render SVG arcs. The chart uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for color mapping, and `d3.format` to abbreviate values like “1.2K”. Legends show country names with corresponding values, and a title is centered above the visualization.

NNaimisha-M
96% match
Loading thumbnail…

Fork of ICE - 7

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, with each slice sized by the number of deaths and labeled with a shortened value (e.g., “123.4K”). The chart is built using D3 v5, using the `pie` layout to compute arc segments, `arc` to generate the sector paths, and `scaleOrdinal` to assign a fixed color palette to the countries. A legend on the right maps each color to its country and corresponding death count. The data is fetched from a CSV via the `csv` function, and the SVG canvas is rendered with the chart centered at (250, 250) with a 250-pixel outer radius.

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 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
95% 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
95% match