Fork of ICE - 7 Pie Chart Maanas Katta

100%

Fork of ICE - 7 Pie Chart Maanas Katta

✓ Published0🌍 Public

Last edited Jun 30, 2022

Created on Jun 30, 2022

Forked from ICE - 7 Pie Chart Maanas Katta

This fork of an ICE example visualizes the top 10 countries by air pollution deaths in 2020 as a pie chart, with each slice labeled by death count in thousands and a matching color-coded legend. Using d3.csv to load data from a GitHub gist, it applies d3.pie, d3.arc, and d3.scaleOrdinal to compute and render SVG paths, while d3.arc.centroid positions the slice text labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This visualization shows the top 10 countries by deaths from air pollution in 2020, displayed as a pie chart with labeled segments and a color-coded legend. It uses d3.csv to load data, d3.pie to compute arc angles, d3.arc for SVG path generation, and d3.scaleOrdinal for color mapping. Each slice is annotated with abbreviated death counts (in thousands) positioned via arc.centroid, while a legend lists countries with their corresponding values.

JJyothicherukuri

96% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This example visualizes the top 10 countries by deaths from air pollution in 2020 as a pie chart. Each slice is labeled with the death count in thousands, and a legend lists each country with its corresponding value and color. The code loads CSV data from a GitHub gist using `d3.csv`, then computes pie angles with `d3.pie()` and draws SVG paths using `d3.arc()`. Colors are assigned via `d3.scaleOrdinal()`, and text labels are positioned using `arc.centroid()`.

Ggayathri

96% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays the top 10 countries by deaths from air pollution in 2020, with each slice labeled with the death count in thousands (e.g., "123K"). Built with d3.v5, it uses `pie()`, `arc()`, and `scaleOrdinal()` to generate and color the sections, with a legend positioned to the right. Data is loaded from a CSV via `d3.csv()`. Custom text elements and a legend are appended directly to the SVG.

RRahulSai05

96% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays the top 10 countries by deaths in 2020 from air pollution. Each slice is labeled with its death count in thousands, and a legend lists countries with corresponding values. The code uses d3.csv to load data from a GitHub gist, d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and colors. Text labels are positioned using arc.centroid(). The visualization is rendered entirely with D3 v5 in an SVG canvas.

KKarthik G

96% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This D3.js (v5) visualization presents a pie chart of the top 10 countries by air pollution-related deaths in 2020, with each slice labeled with the death count in thousands and a corresponding color-coded legend listing country names and values. The SVG-based chart is rendered using the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs, with data fetched from a CSV file via `d3.csv`. Slice labels are placed using the arc centroid for positioning, while a legend is built separately with appended rectangles and text elements.

Ddivyakota99

96% 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, with each slice labeled with its death count in thousands. The chart uses d3.pie and d3.arc to generate segments, while d3.scaleOrdinal assigns colors from a hardcoded array. A legend on the right lists each country with a color swatch and corresponding value. Data is fetched as CSV from a GitHub gist using d3.csv, and all elements are rendered as SVG.

Vvarun-030

96% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays the top 10 countries by air pollution-related deaths in 2020, with each slice labeled in thousands and a legend pairing country names with their values. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, with colors assigned from a hardcoded array. Data is loaded as CSV from a GitHub gist via `d3.csv`, and the chart is rendered inside an SVG canvas with custom legend text and value formatting.

Bblikitha

96% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays 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 country names and values. The visualization loads CSV data from a GitHub gist using d3.csv, then uses d3.pie to compute arc angles and d3.arc to render SVG paths. d3.scaleOrdinal assigns colors to slices, while d3.format formats tick labels. The chart is built with D3 v5, rendering entirely in SVG within a static HTML page.

MMgk1255

96% match