Fork of ICE7 - Pie Chart_RK

100%

Fork of ICE7 - Pie Chart_RK

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, with each slice labeled with its death count in thousands. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate the SVG segments and legend. Data is loaded asynchronously from a CSV file via `d3.csv`, and the legend lists each country alongside its corresponding value, rendered in a static SVG canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 countries by deaths attributed to air pollution in 2020, using d3.pie and d3.arc to generate SVG path segments and labels. Each slice displays its death count in thousands, while a legend uses d3.scaleOrdinal with a hardcoded color array to map countries to colors. The data is fetched asynchronously from a CSV URL using d3.csv, and the chart is rendered on a 960×500 SVG canvas.

RRamyapriyaPutta

96% match

Loading thumbnail…

ICE7 - Pie Chart_RK

This example presents a pie chart visualizing the top 10 countries by deaths in 2020 from air pollution. The data is loaded from a CSV file using `d3.csv`. The chart is rendered using D3 v5 with SVG, where `d3.pie` computes the arc segments and `d3.arc` defines their geometry. Each slice is labeled with its value in thousands, and a legend lists each country alongside its corresponding number. Color encoding uses an ordinal scale with a custom array, and the layout transforms arcs to center within the SVG canvas.

RRamakanth771

95% match

Loading thumbnail…

ICE7 - Pie Chart_RK

This pie chart visualizes the top 10 countries’ deaths from air pollution in 2020, with each slice labeled in thousands and a corresponding legend listing country names and values. The chart uses d3.pie() to compute arc angles and d3.arc() for path geometry, with d3.scaleOrdinal() mapping slice colors. Data is loaded asynchronously from a CSV via d3.csv. Text labels are positioned using arcGenerator.centroid(d), and the SVG rendering includes manually appended legend rectangles and text elements. The implementation relies on D3 v5.

RRamakanth771

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

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

94% match

Loading thumbnail…

Fork of Fork of Fork of ICE - 7 Pie Chart 11515092

This pie chart displays the top 10 countries by deaths from air pollution in 2020. It uses a D3.js v5 visualization with an SVG canvas. Data is fetched as CSV from an external gist URL. The chart renders pie segments with arc generators, applies ordinal color scales, and adds section labels and a legend. Country names and death counts are formatted in thousands with a compact notation.

RRahulChaitu999

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

94% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This visualization presents a pie chart ranking the top 10 countries by deaths from air pollution in 2020, with each slice labeled with its death count in thousands and accompanied by a color-coded legend listing countries and values. The chart uses D3 v5’s `pie()` and `arc()` generators to compute slice angles and SVG paths, with `scaleOrdinal` mapping a fixed color array to each data point. Data is fetched asynchronously via `d3.csv` from a gist URL, and all text and shapes render as SVG elements within a 960×500 canvas.

AArefa Patwary

94% match