Skip to main content
SimilarExport ZIP
100%

Shabbab01 ICE - 7 Pie Chart

✓ Published0🌍 Public
Sshabbab01
Last edited Mar 27, 2022
Created on Mar 27, 2022

This example shows a pie chart of the top 10 countries by population deaths, with each slice labeled in thousands and a legend listing country names and values. The chart is rendered as SVG using D3 v5, with the `d3.pie` layout generating arc data and `d3.arc` drawing the segments and centroid labels. Slice colors come from a `d3.scaleOrdinal` range, while data is loaded as CSV from a remote GitHub gist. The legend is built manually with SVG rectangles and text elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

This example presents a pie chart visualizing COVID-19 death counts for the top 10 countries, with each slice labeled in thousands and accompanied by a legend listing countries and their corresponding values. The chart reads data from a CSV file hosted on GitHub, processed using `d3.csv`, and renders with SVG via `d3.pie()` and `d3.arc()`. Slices are colored using `d3.scaleOrdinal` with a fixed palette, and labels are positioned using arc centroids. The visualization is built with D3 v5 within a React framework.

Nnehabaddam
87% match
Loading thumbnail…

shish's ice7-piechart

This pie chart displays the top 10 countries by world population share in 2025, with each slice labeled by country name and accompanied by a color-coded legend. Built with d3.v7 and rendered as SVG, it loads data from a CSV file, sorts by the World_Share column, and uses `d3.pie()` to generate the arcs. Slice colors come from `d3.scaleOrdinal()` with the `d3.schemeCategory10` palette, while `d3.arc()` defines the pie geometry. The visualization includes stroke outlines and text labels positioned at arc centroids, with a legend appended to the right of the chart.

SSai Shishir Koppula
87% match
Loading thumbnail…

ICE - 7 Pie Chart

This example shows the number of deaths by country using a pie chart, with each slice representing a country's share of total deaths from a CSV dataset of states. It displays a legend listing each country alongside its corresponding death count formatted with a "K" suffix (e.g., 1.2K). Built with D3 v5, the code fetches data from a GitHub Gist and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute and render the SVG slices and legend. The chart is drawn with an inner radius of zero and an outer radius of 175 pixels.

Ssowmyanagula@my.unt.edu
87% match
Loading thumbnail…

ICE - 7 Pie Chart

This pie chart displays the top 10 countries by COVID-19 deaths, with each slice labeled with the death count in thousands and accompanied by a legend listing country names and values. The visualization uses D3 v5 (including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`) to compute arcs and colors, rendering SVG elements dynamically. Data is loaded from a CSV via `d3.csv` and sorted before selecting the first ten rows, all within a React-compatible setup.

Aachalasam
86% match
Loading thumbnail…

ICE -7 Pie Chart

This pie chart displays the top 10 countries by deaths from pollution, using a detailed legend to map each country to its slice and value. The visualization is built with D3 v5, fetching its data from a CSV file and rendering the chart as SVG. The code explicitly uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute the pie segments and colors, while the legend is constructed with appended SVG groups and rectangles. Text labels on each slice show the death count in thousands, formatted with `d3.format('.4~g')`.

Aavinash021997
86% match
Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the top 10 countries by COVID-19 deaths, with each slice’s area proportional to the total fatalities and labeled with values in thousands. A legend on the right pairs each country with its corresponding color and death count. Built with D3.js v5, the example uses `d3.pie` to compute arc angles, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for slice colors. Data is loaded asynchronously from a CSV via `d3.csv` and sorted before rendering.

Ttejasviprasad06@gmail.com
86% match
Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 10 countries by deaths from air pollution in 2020 using a pie chart with an accompanying legend. Each slice is labeled with its value in thousands, and the legend pairs country names with their corresponding death counts and color swatches. The chart is built with D3 v5, using the `pie()` and `arc()` generators to create SVG paths, while `scaleOrdinal` maps slice colors. Data is loaded asynchronously via `csv()` from a GitHub gist.

BBajiSharifPatan@my.unt.edu
86% match
Loading thumbnail…

ICE7 Pie Chart - 2nd

This pie chart visualizes the top 10 countries by total COVID-19 deaths, using a categorical color scale. The chart displays each country’s death count as a slice, with labels directly positioned at the slice centroids and a legend mapping colors to country names. Built with D3 v7, it loads data from a CSV file, sorts it in descending order, and slices the top 10 entries. The SVG rendering uses `d3.pie` and `d3.arc` to generate the chart, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors.

MM Hema
86% match