Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7

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

This example uses a pie chart to visualize the top 10 countries by deaths in 2020 attributed to air pollution. The D3.js v5 code loads CSV data from a gist, converts the figures with the `csv` function, and renders the chart using `pie`, `arc`, and `scaleOrdinal`. Each slice is labeled with a short formatted value, and a legend lists the countries with their corresponding counts, all displayed as SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of ICE - 7 Pie Chart Maanas Katta

This example displays a pie chart of the top 10 countries by deaths from air pollution in 2020, with each slice labeled with its value in thousands and accompanied by a legend. It loads CSV data via `d3.csv` from a GitHub gist and renders an SVG using D3 v5’s `pie` and `arc` generators. The chart uses `d3.scaleOrdinal` to assign colors, `d3.format` for tick labels, and appends textual labels positioned via `arc.centroid`. The legend includes colored rectangles and text annotations, all drawn with SVG elements.

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

Fork of ICE - 7 Pie Chart

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.

SSaikiran2029
94% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This example shows the top 10 countries by deaths from air pollution in 2020 using a pie chart, with each slice labeled with the death count in thousands and a legend listing country names and values. The code fetches CSV data from a GitHub gist, parses it with the `csv` method from d3-fetch, and renders the chart as SVG. It uses `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute, draw, color, and label the segments, while legend items are appended as groups with rectangles and text elements.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This example shows the top 10 countries by deaths from air pollution in 2020 using a pie chart, with each slice labeled with the death count in thousands and a legend listing country names and values. The code fetches CSV data from a GitHub gist, parses it with the `csv` method from d3-fetch, and renders the chart as SVG. It uses `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute, draw, color, and label the segments, while legend items are appended as groups with rectangles and text elements.

Mmandalasaikrishna007
94% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This example shows the top 10 countries by deaths from air pollution in 2020 using a pie chart, with each slice labeled with the death count in thousands and a legend listing country names and values. The code fetches CSV data from a GitHub gist, parses it with the `csv` method from d3-fetch, and renders the chart as SVG. It uses `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute, draw, color, and label the segments, while legend items are appended as groups with rectangles and text elements.

Mmandalasaikrishna007
94% match