Fork of ICE7-Pie Chart

100%

Fork of ICE7-Pie Chart

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This fork of D3’s ICE7-Pie Chart uses a dataset from a GitHub gist to visualize the top 10 countries by deaths in 2020 attributed to air pollution. The pie chart displays the proportion of deaths per country, with each slice labeled with the death count in thousands and a corresponding color-coded legend listing country names and values. Built with D3 v5, the code employs D3’s pie layout, arc generator, and ordinal color scale to render the chart as SVG, while using the CSV parser to fetch and process the data from the remote source.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

94% match

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

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

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

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

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

93% match