Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart

✓ Published0🌍 Public
SSaikiran2029
Last edited Mar 27, 2022
Created on Mar 27, 2022

This pie chart displays the top 10 countries by air pollution-related deaths in 2020, using a dataset fetched from a GitHub gist. Each slice is labeled with the number of visitors, and a legend lists the countries with corresponding color swatches. Built with D3.js v5, the visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping, rendering paths and text into an SVG canvas. Data is loaded asynchronously via `d3.csv`, and the chart is positioned at the center of the 960×500 viewport.

AI-generated description
MIT Licensed

Similar vizzes

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 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
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 Fork of ICE - 7

This pie chart visualizes the top 10 countries by air pollution deaths in 2020, with each slice sized by death count and labeled in thousands. Built with D3 v5, the SVG chart uses `d3.pie` and `d3.arc` to generate segments, while `d3.scaleOrdinal` assigns colors from a fixed palette. Hoverless text labels and a legend map country names to death values, with data fetched from a CSV via `d3.csv`. The chart is rendered entirely with SVG paths and text elements.

Aajaysonu
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
95% 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 Maanas Katta

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, using a dataset fetched from a GitHub gist. Each slice represents a country’s death count, with labels showing values in thousands and a legend listing country names and corresponding figures. The visualization uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal assigning colors, d3.csv loading the data, and d3.format for tick labels. The SVG is rendered with appended `path` and `text` elements, while the legend is built from rectangles and texts.

AArefa Patwary
94% 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
94% match