Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart Maanas Katta

✓ Published0🌍 Public
SSravyaAnnadi
Last edited Jul 3, 2022
Created on Jul 3, 2022

This chart displays the top 10 countries by deaths from air pollution in 2020 using a pie chart rendered as SVG. D3’s `pie` layout and `arc` generator create the segments, while `scaleOrdinal` maps country names to a custom color array. Each slice is labeled with its death count formatted in thousands, and a legend pairs color swatches with country names and values. The data is fetched as CSV from a GitHub gist via D3’s `csv` loader, with text styling applied through CSS classes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This visualization displays the top 10 countries by deaths from air pollution in 2020, using a pie chart with color-coded segments and accompanying legends. The chart renders death counts in thousands on each slice and lists each country with its corresponding value in a legend panel. The code fetches CSV data via d3.csv, then uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and text labels. Legend elements are manually appended with SVG rect and text elements, with axis formatting handled through d3.format.

SSravyaAnnadi
98% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This visualization displays the top 10 countries by deaths from air pollution in 2020, using a pie chart with color-coded segments and accompanying legends. The chart renders death counts in thousands on each slice and lists each country with its corresponding value in a legend panel. The code fetches CSV data via d3.csv, then uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and text labels. Legend elements are manually appended with SVG rect and text elements, with axis formatting handled through d3.format.

SSravyaAnnadi
98% 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
97% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart visualizes the top 10 countries by deaths from air pollution in 2020, with each slice labeled with the death count and accompanied by a color-coded legend. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the slices and their centroids for labels. Data is fetched as CSV from a GitHub gist, and the chart is rendered as SVG inside an HTML page. Colors are assigned via `d3.scaleOrdinal` with a custom array of section colors.

Bbhargavarathod
97% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart displays the top 10 countries by deaths from air pollution in 2020, with each slice labeled with its death count in thousands. The chart is rendered using D3.js v5, fetching CSV data from a GitHub gist. It uses d3.pie to compute arc segments, d3.arc to generate path geometry, and d3.scaleOrdinal for color mapping. Slice labels are positioned via arc centroid calculations, while a legend lists countries with their corresponding values and colored swatches. The SVG output is styled with custom CSS for typography.

PPrathyusha0304
97% 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
97% 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 abbreviated death counts and accompanied by a color-coded legend. The data is loaded from a CSV file hosted on GitHub using `d3.csv`, then processed with `d3.pie` and rendered as SVG paths using `d3.arc`. Slices are colored via `d3.scaleOrdinal`, and labels are positioned using the arc generator’s `centroid` method. The legend displays each country with its corresponding death value, formatted using `d3.format`.

Aamiralitah
97% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart displays the top 10 countries by deaths from air pollution in 2020, using a CSV dataset loaded via D3’s `csv` function. The chart encodes each country’s death count as a slice, with proportional arc lengths and per-slice labels showing values in thousands. A legend pairs each country with its corresponding color and numeric value. The code uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute arcs, assign colors, and format tick labels, rendering the result as SVG elements.

AArv1228
97% match