Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart

✓ Published1🌍 Public
SSaikiran2029
Last edited Mar 27, 2022
Created on Mar 27, 2022

This example visualizes the top 10 countries by deaths from air pollution in 2020 using a pie chart. It shows each country’s death count as a colored slice, with labels displaying values in thousands, alongside a legend listing countries and their corresponding numbers. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `select` to generate SVG paths and text. Data is fetched as CSV from a GitHub gist, and the chart renders in an SVG container with a centered title.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 7 - Pie Chart

This example displays a pie chart showing the top 10 countries by deaths in 2020 due to air pollution, with each slice labeled with the death count in thousands and accompanied by a legend listing country names and values. The visualization uses D3.js v5 to load CSV data from a GitHub gist, compute pie arc geometries with `d3.pie()` and `d3.arc()`, and render the chart as SVG paths and text elements. Color encoding is applied via `scaleOrdinal`, and the legend is constructed dynamically using D3 data joins.

Ccharanchand9
97% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the top 10 countries by air pollution-related deaths in 2020, using a dataset fetched from a GitHub gist. Each slice is labeled with the number of visitors, and a legend lists the countries with corresponding color swatches. Built with D3.js v5, the visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping, rendering paths and text into an SVG canvas. Data is loaded asynchronously via `d3.csv`, and the chart is positioned at the center of the 960×500 viewport.

SSaikiran2029
97% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart visualizes the top 10 countries with the highest deaths from air pollution in 2020. The chart displays each segment with a label showing the death count in thousands, alongside a colored legend listing each country and its corresponding value. The chart is built with D3 v5, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for coloring, with data fetched from a CSV hosted on GitHub. The SVG rendering positions the pie at a fixed coordinate and places the legend to its right.

Bbugfree55
96% match
Loading thumbnail…

Fork of ic_7 pie chart

This pie chart visualizes the top 10 countries by deaths in 2020 due to air pollution. Each slice is labeled with the death count in thousands, and a legend on the right pairs each country with its corresponding color and value. The chart is built using D3.js v5, fetching CSV data from a GitHub gist. It employs D3’s `pie`, `arc`, `scaleOrdinal`, and `format` APIs to generate the SVG arcs, centroids, and formatted text labels.

SSaivignesh-9176
96% match
Loading thumbnail…

Fork of ICE - 7

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, with each slice sized by the number of deaths and labeled with a shortened value (e.g., “123.4K”). The chart is built using D3 v5, using the `pie` layout to compute arc segments, `arc` to generate the sector paths, and `scaleOrdinal` to assign a fixed color palette to the countries. A legend on the right maps each color to its country and corresponding death count. The data is fetched from a CSV via the `csv` function, and the SVG canvas is rendered with the chart centered at (250, 250) with a 250-pixel outer radius.

PPujitha14challagulla
96% 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
95% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This D3.js v5 pie chart visualizes the top 10 countries by deaths from air pollution in 2020. The SVG rendering uses `d3.pie` and `d3.arc` to generate the segments, with a custom `scaleOrdinal` color scheme. Each segment displays a death count formatted in thousands, and a legend pairs each country with its corresponding color and value. Data is fetched asynchronously from a CSV file using the `d3.csv` API, and the chart is centered within a 960x500 pixel SVG canvas.

NNaimisha-M
95% match
Loading thumbnail…

Fork of Fork of ICE - 7

A pie chart shows the top 10 countries by deaths from air pollution in 2020, with each slice labeled by death count in thousands and accompanied by a legend listing country names and values. The chart is rendered as SVG using D3 v5, with data loaded from a CSV via `d3.csv`. Slices are generated with `d3.pie` and `d3.arc`, colored by `d3.scaleOrdinal`, and labels are placed using arc centroid calculations. The legend and labels use D3 selections and `d3.format` for number formatting.

PPujitha14challagulla
95% match