Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart Maanas Katta

✓ Published0🌍 Public
RRohith arabati
Last edited Mar 26, 2022
Created on Mar 26, 2022

This pie chart displays the latest population of different countries, with each slice representing a country and its death count in thousands. The visualization uses D3.js v5 to load CSV data from a GitHub gist, then applies the `d3.pie` and `d3.arc` functions to generate SVG paths and text labels positioned at each segment’s centroid. A legend on the right pairs colored rectangles with country names and values, while `scaleOrdinal` maps death counts to a fixed palette of ten colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes deaths by country, using a dataset fetched from a CSV file. Each slice is labeled with its value in thousands, and a legend lists each country with its corresponding color and death count. The visualization is rendered in SVG using D3 v5, with the `pie` and `arc` generators constructing the chart, `scaleOrdinal` assigning colors, and `csv` loading the data from a GitHub gist. Text labels are positioned using arc centroid calculations.

JJyothicherukuri
94% 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 the death count in thousands (e.g., "123K"). Built with d3.v5, it uses `pie()`, `arc()`, and `scaleOrdinal()` to generate and color the sections, with a legend positioned to the right. Data is loaded from a CSV via `d3.csv()`. Custom text elements and a legend are appended directly to the SVG.

RRahulSai05
91% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays the top 10 countries by deaths in 2020 from air pollution. Each slice is labeled with its death count in thousands, and a legend lists countries with corresponding values. The code uses d3.csv to load data from a GitHub gist, d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and colors. Text labels are positioned using arc.centroid(). The visualization is rendered entirely with D3 v5 in an SVG canvas.

KKarthik G
91% match
Loading thumbnail…

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 labeled with its value in thousands and a legend listing country names and corresponding figures. The chart uses D3 v5 to load CSV data from a gist URL, then applies `d3.pie` and an arc generator to compute slice geometries, `d3.scaleOrdinal` for slice colors, and SVG `path` and `text` elements for rendering. Values are formatted with `d3.format` and the chart is centered in a 960×500 SVG canvas.

KKeerthipriyaBankuru
91% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This fork of an ICE example visualizes the top 10 countries by air pollution deaths in 2020 as a pie chart, with each slice labeled by death count in thousands and a matching color-coded legend. Using d3.csv to load data from a GitHub gist, it applies d3.pie, d3.arc, and d3.scaleOrdinal to compute and render SVG paths, while d3.arc.centroid positions the slice text labels.

DDeegutla123
91% 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 sized by the death count and labeled in thousands. The example uses d3.pie and d3.arc to generate segments, d3.scaleOrdinal for color mapping, and appends SVG paths and text for slices and a legend. Data is loaded asynchronously from a CSV via d3.csv. The chart is rendered with D3 v5 in an SVG canvas, styled with custom fonts and a blue title.

Tttummala17
91% match
Loading thumbnail…

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
90% 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 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
90% match