Fork of Fork of Fork of Fork of ICE 7 Pie Chart

100%

Fork of Fork of Fork of Fork of ICE 7 Pie Chart

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

Forked from Fork of Fork of Fork of ICE 7 Pie Chart

This D3 pie chart displays the top 5 countries by death count in 2020, with each slice labeled and a corresponding legend showing the country name and formatted value. It loads CSV data via `d3.csv`, computes arc segments using the `pie` and `arc` helpers, and colors slices using `scaleOrdinal` with a fixed range. The visualization is rendered as SVG, with custom text and legend elements added to the same canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE 7 Pie Chart

This example visualizes the top 5 countries by reported deaths in 2020 as a pie chart rendered in SVG. Each slice is colored and labeled with the number of deaths, while a legend to the right lists country names and their corresponding totals. The code fetches CSV data from a GitHub gist, parses it with d3.csv, and uses d3.pie and d3.arc to generate the chart. Colors are assigned via d3.scaleOrdinal, and labels are positioned using arc.centroid. The page loads d3 v5 from unpkg and embeds the logic in a bundle.js file.

PPrathyusha0304

95% match

Loading thumbnail…

Fork of Fork of ICE 7 Pie Chart

This visualization shows the top five countries by deaths in 2020 using a pie chart, with a legend displaying each country’s name and death count. The code loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.pie`, and renders slices using `d3.arc` with SVG paths. Colors are assigned via `d3.scaleOrdinal`, and labels are positioned using `arc.centroid`. A separate legend group appends rectangles and text, formatting values with `d3.format`. The chart is built with D3 v5, rendering entirely as SVG elements.

PPrathyusha0304

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

95% match

Loading thumbnail…

Fork of ICE 7 Pie Chart

This pie chart visualizes the top five countries by deaths in 2020, using a dataset from a GitHub gist. Each slice is color-coded and labeled with its percentage, while a legend on the right lists the country names and corresponding death counts. The visualization is built with D3 v5, using `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate and style the SVG paths and text. Data is fetched as CSV and converted to numeric values before rendering.

Ssudhamshu24

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

92% match

Loading thumbnail…

Fork of ICE 7 - Pie Chart

This visualization presents a pie chart ranking the top 10 countries by deaths attributed to air pollution in 2020, with each slice labeled in thousands and a matching legend that pairs country names with their death counts. Using D3 v5, the code fetches CSV data via `d3.csv`, computes a pie layout with `d3.pie()`, and draws arcs with `d3.arc()`. Slice colors come from a `d3.scaleOrdinal` palette, and text labels are positioned using the arc generator’s `centroid` method. The SVG rendering includes custom legend groups and formatted tick labels via `d3.format`.

Ccharanchand9

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

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

90% match