Skip to main content
SimilarExport ZIP
100%

ICE - 7 Pie Chart Maanas Katta

✓ Published0🌍 Public
Mmandalasaikrishna007
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from HTML Starter

This visualization displays a pie chart comparing the top 10 countries by deaths attributable to air pollution in 2020. Each slice represents a country, with the chart rendered as SVG elements sized and positioned using D3's `d3.arc` and `d3.pie` APIs. The code uses `d3.select` and `d3.attr` to style the slices, while legend text is positioned using `d3.text` with explicit coordinates.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart Maanas Katta

This visualization displays a pie chart ranking the top 10 countries by deaths from air pollution in 2020. Each slice is labeled with the country name and value, rendered as SVG text. The chart uses D3 v5, specifically the `d3.pie` and `d3.arc` generators, with the HTML page loading `bundle.js` to draw the chart. Styling is handled through embedded CSS, and the data source is not specified in the visible code.

AAndrey Getmanov
97% match
Loading thumbnail…

ICE - 7 Pie Chart Maanas Katta

This D3.js visualization presents a pie chart of the top 10 countries by deaths attributed to air pollution in 2020. Each slice is labeled with the death count in thousands, and a corresponding legend lists the country names alongside their values. The chart uses `d3.pie` and `d3.arc` to generate the segments, with colors assigned via `scaleOrdinal`. Data is loaded from a CSV file using `d3.csv`. The visualization is rendered as an SVG, with a custom legend built manually using appended SVG groups and rectangles.

MMaanas Katta
97% match
Loading thumbnail…

ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, with each slice proportionally representing the death count and labeled in thousands. The visualization uses D3 v5’s `pie` and `arc` generators to compute and render the segments, with `scaleOrdinal` mapping country names to distinct colors. A legend on the right pairs each color swatch with the country name and its corresponding value. Data is loaded asynchronously from a CSV hosted on GitHub using D3’s `csv` function, and the chart is rendered as SVG within an HTML page.

Nnsatyaprakash22
96% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This visualization presents a pie chart of the top 10 countries by deaths in 2020 attributed to air pollution, with each slice labeled with the death count in thousands and accompanied by a legend listing country names and values. The chart uses d3.pie and d3.arc to generate the slices, with d3.scaleOrdinal assigning a fixed set of colors to the data. Data is loaded asynchronously via d3.csv from a gist URL, and the SVG is rendered with D3 v5. Text labels are positioned using the arc generator’s centroid method.

DDonald Bagwell
93% match
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
93% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 countries by deaths due to air pollution in 2020. Each slice represents a country, with its size proportional to the number of deaths, and the chart includes labeled values and a legend mapping colors to country names. The visualization uses d3.pie, d3.arc, and d3.scaleOrdinal to construct the chart and apply colors. Data is loaded from a CSV file via d3.csv, and the text labels are formatted using d3.format. The entire graphic is rendered as SVG elements within a fixed 960x500 canvas.

NNaimisha-M
93% 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
93% 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
93% match