Fork of ICE - 7 Pie Chart Maanas Katta

100%

Fork of ICE - 7 Pie Chart Maanas Katta

✓ Published1🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

Forked from ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 countries by air pollution-related deaths in 2020, using a categorical color scale with labels showing death counts in thousands. The visualization is built with D3 v5, using `d3.pie` to compute arc segments and `d3.arc` for rendering paths and text placement. Data is loaded asynchronously from a CSV via `d3.csv`, with each slice’s color mapped through `scaleOrdinal` to a fixed palette. A legend lists each country, its color swatch, and the corresponding death value, formatted with `d3.format` for compact display.

AI-generated description

MIT Licensed

Similar vizzes

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, using categorical colors and labels showing death counts in thousands. Data is loaded from a CSV via `d3.csv`, parsed with `d3.pie`, and rendered as SVG paths generated by `d3.arc`. The visualization includes a legend with colored rectangles, country names, and values, while labels are positioned using `arc.centroid`. The code relies on D3 v5 selection and scale APIs, with colors assigned through `d3.scaleOrdinal`.

Ppravallikayaram12

98% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020. Each slice represents a country, with its size proportional to the number of deaths, and labels show the death counts in thousands. A legend maps slice colors to country names. The visualization uses D3 v5 APIs including `pie` for computing arc segments, `arc` for generating the path data, and `scaleOrdinal` for color assignment. Data is loaded from a CSV file via `d3.csv`, and the SVG canvas is populated with `<path>` and `<text>` elements using `select` and `append`.

Ppravallikayaram12

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

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 the death count in thousands and accompanied by a color-coded legend listing country names and values. The visualization loads CSV data and uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `select` APIs to generate SVG paths and text labels. Slices use a fixed color palette and centroid-based text positioning via `arcGenerator.centroid`. The legend is built with appended SVG rectangles and text elements, highlighting the data source from a GitHub-hosted CSV file.

Ggayathri

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

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 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 pie chart shows the top 10 countries by deaths attributed to air pollution in 2020, with each slice labeled with its death count in thousands and a corresponding color-coded legend. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.csv` to load and process the data from a GitHub gist. SVG rendering places the chart at center with an outer radius of 175 pixels, while text labels and legend entries are added manually via D3 selections.

Bblikitha

97% match