Fork of ICE - 7 Pie Chart Maanas Katta

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

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

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

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays the top 10 countries by deaths in 2020 from air pollution, with each slice colored and labeled with the death count in thousands. The chart uses d3.pie and d3.arc to generate segments, and d3.scaleOrdinal assigns colors from a predefined array. Legend entries pair country names with values. Data is loaded as CSV from a GitHub gist, and d3.format is used to abbreviate numbers. The SVG renders text labels via arc.centroid, with static sizing rather than animation.

NNikitha123171

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

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

Fork of ICE - 7 Pie Chart Maanas Katta

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.

SSravyaAnnadi

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