Fork of ICE - 7 Pie Chart

100%

Fork of ICE - 7 Pie Chart

✓ Published3🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This visualization shows COVID-19 death counts across Indian states as a pie chart, with a legend listing each state and its corresponding percentage of total deaths. It is rendered as an SVG using D3 v5. The pie chart is generated with `d3.pie()` and `d3.arc()`, while colors are assigned via `d3.scaleOrdinal()`. Data is loaded asynchronously from a CSV file using D3’s `csv()` method. The legend combines colored rectangles with text elements showing the state name and percentage formatted with `d3.format()`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

A pie chart visualizes COVID-19 death percentages across Indian states, with each slice labeled by state and its corresponding share of total deaths. The chart uses d3.pie and d3.arc to generate the circular segments and d3.scaleOrdinal to map death values to a fixed color palette. A legend, built with SVG rectangles and text elements, lists each state alongside its formatted percentage. Data is loaded as CSV via d3.csv from a GitHub gist, and the visualization renders with SVG in a 1000x500 viewport.

SSaiSree0122

95% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the distribution of COVID-19 deaths across U.S. states as a pie chart, with each slice colored and paired with a legend showing the state name and its corresponding percentage of total deaths. The data is loaded from a CSV file hosted on GitHub, parsed with `d3.csv`, and the chart is rendered as SVG using D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions. The legend, built with appended SVG groups and rectangles, includes formatted percentage values using `d3.format`.

SSaiSree0122

89% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes COVID-19 death percentages across U.S. states, with each slice colored by a categorical scale and labeled through a legend with state names and values. The chart uses d3.pie and d3.arc to generate SVG paths from a CSV dataset, while d3.scaleOrdinal assigns section colors. The legend, rendered with SVG rectangles and text, displays state names and percentage values formatted with d3.format. The code fetches data via a Gist URL using d3.csv and renders all elements synchronously in an SVG container.

SSaiSree0122

89% match

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

88% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 9 COVID-reported states in India as a pie chart, with each slice sized by the number of cases and accompanied by a legend labeling states and their case totals. The chart renders as SVG using D3 v5, employing `d3.pie` to compute slice angles, `d3.arc` to generate the paths, and `d3.scaleOrdinal` to map slice colors. Data is loaded asynchronously from a CSV via `d3.csv`, with values formatted using `d3.format`. A separate legend group uses rectangles and text to show state names and case counts.

HHarishma Nallala

87% match

Loading thumbnail…

Fork of ICE - 7 Pie chart viz

This pie chart visualizes the percentage distribution of COVID-19 cases among the top five countries, with each slice labeled and a corresponding legend. Built with D3 v5, the example uses the `pie` layout function to compute arc segments and the `arc` generator to create the SVG paths. Data is loaded from a CSV file via the `csv` method in `getData.js` and `index.js`, with each country's percentage represented by a distinct color from a manual palette. The chart includes an interactive legend that pairs colored rectangles with country names and values.

AArruSkywalker

87% match

Loading thumbnail…

Piechart ICE7

This pie chart visualizes COVID-19 death counts across different countries for 2019–2020, with each slice labeled in thousands and a legend listing country names and corresponding values. The chart uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, along with `scaleOrdinal` for color mapping and `csv` to fetch the dataset from a GitHub gist. Labels and legends are appended as SVG text and rect elements, with the arc’s centroid method positioning the value labels.

Pprathyusha-reddy-arch

87% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE - 7 Pie Chart Maanas Katta

This visualization presents a pie chart ranking the top 10 Indian states by accident-related deaths. Each slice’s size encodes the death count, with section labels and a legend displaying both the state name and its corresponding value. The code loads CSV data from a GitHub Gist using `d3.csv`, then employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart’s arcs and color mapping. The SVG canvas is populated with `path` elements for slices, `text` elements for labels, and a separate legend group, all driven by D3 v5.

Nnsatyaprakash22

86% match