Fork of ice7

100%

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 30, 2023

This example shows the top 10 countries by COVID-19 deaths using a static pie chart rendered as SVG. The code loads CSV data from a GitHub gist via `d3.csv`, computes each country’s death count as a percentage, and maps those values to pie segments using `d3.pie` and `d3.arc`. Color encoding is handled with `d3.scaleOrdinal`, while a legend with rectangles and text labels is built manually using D3’s selection and append methods. The chart includes a heading and numeric percentage labels formatted with `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Fork of ICE-7 Pie Chart

This pie chart displays the top 10 countries with the most COVID-19 deaths, using a legend to identify each country and its corresponding death count in thousands. The visualization loads CSV data from a GitHub gist via `d3.csv`, then builds the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color encoding. SVG elements are rendered dynamically, with the chart centered on a 960x500 canvas and legends placed to the right. The code uses D3 v5 and imports specific modules from the library.

Aajaysonu

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

93% match

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

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

91% match

Loading thumbnail…

Fork of ice 7

This visualization shows the top 10 countries by deaths from air pollution in 2020 using a pie chart, with each slice labeled with its corresponding death count in thousands and a legend listing country names and values. The code loads data from a CSV via `d3.csv`, processes it asynchronously, and renders the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for slice colors. SVG elements are appended and positioned using `d3.select`, and text labels are placed using `arc.centroid`. Percentages are not shown; only raw death counts are displayed.

Sspandhanabadekol

90% match

Loading thumbnail…

Fork of Fork of ICE - 7

This example shows the top 10 countries by deaths from air pollution in 2020 as a pie chart with a legend. It uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate slices and color them, while `csv` loads data from a GitHub Gist. The chart renders in SVG, with each slice labeled by deaths in thousands and a separate legend listing countries and values.

KKeerthipriyaBankuru

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

90% match