Fork of Fork of ICE - 7 Pie Chart

100%

Fork of Fork of ICE - 7 Pie Chart

✓ Published0🌍 Public

Last edited Jul 1, 2022

Created on Jul 1, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart

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()`.

Aaashrithd4

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

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

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

89% match

Loading thumbnail…

Fork of Fork of Fork of ICE - 7 Pie Chart

A pie chart visualizes the top 10 countries by COVID-19 deaths in 2020, with each slice labeled with the death count in thousands. The chart uses `d3.pie` to compute arc angles and `d3.arc` for path generation, colored via `scaleOrdinal`. A legend on the right lists countries with corresponding color swatches and death values. Data is fetched as CSV from a GitHub gist, and the SVG is rendered with D3 v5, using `select` and `append` for elements and `format` for tick labels.

NNaimisha-M

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

88% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

This example visualizes the top 10 countries by COVID-19 deaths in 2020 using a pie chart rendered as SVG. Each slice is labeled with its death count in thousands, and a legend on the right pairs country names with their corresponding values and color swatches. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the sectors, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the data from a GitHub gist. The visualization highlights relative mortality contributions across countries with a clean, annotated layout.

NNaimisha-M

88% match

Loading thumbnail…

Fork of Fork of Fork of ICE 7 Pie Chart

The visualization shows the top five countries by reported deaths in 2020 as a donut-style pie chart with a color-coded legend listing each country and its corresponding death count. Data is loaded from a CSV file via `d3.csv`, then processed with `d3.pie` and rendered as SVG paths using `d3.arc`, while `d3.scaleOrdinal` assigns the section colors. The chart also draws a legend group with rectangles and text, and uses `d3.format` to display concise numeric values. The SVG canvas is 900×250 pixels, with the pie centered at (250,250) and the legend placed to the right.

PPrathyusha0304

87% match