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

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.

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 deaths from air pollution in 2020, with each slice labeled with its value in thousands and a corresponding legend listing country names and totals. The visualization uses D3 v5’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and colors, while data is fetched as CSV from a gist URL and parsed with `d3.csv`. Text labels are positioned via the arc centroid, and the legend is manually constructed with appended rectangles and text elements.

Ssaivinay143

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

98% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization presents a pie chart of the top 10 countries by air pollution-related deaths in 2020, with each slice labeled in thousands and a corresponding legend listing country names and values. It uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate the chart, while `d3.csv` fetches data from a GitHub gist. Text labels are positioned via `arc.centroid`, and the SVG rendering includes custom styling for the title and legend.

JJyothicherukuri

97% 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, 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

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

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

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 countries by air pollution-related deaths in 2020, labeling each slice with death counts in thousands. The chart renders using SVG with D3 v5, employing the `pie` and `arc` generators to create segments and `scaleOrdinal` for coloring. A legend lists countries with corresponding values. Data is fetched asynchronously from a CSV file using D3’s `csv` method, and text labels are positioned via `arcGenerator.centroid`.

VVenkata Rajashekar Reddy Chinthala

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

97% match