Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart

✓ Published0🌍 Public
NNaimisha-M
Last edited Jul 1, 2022
Created on Jul 1, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 7 Pie Chart 11515092

A pie chart displays the top 10 countries by deaths from air pollution in 2020, using D3 v5 to fetch CSV data and render SVG arcs. The chart uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for color mapping, and `d3.format` to abbreviate values like “1.2K”. Legends show country names with corresponding values, and a title is centered above the visualization.

NNaimisha-M
97% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the top 10 countries by air pollution deaths in 2020, using a colorful segmented circle with each slice labeled in thousands and a legend pairing colors with country names. The code loads CSV data via `d3.csv`, converts death counts to numbers, and renders the chart using `d3.pie` and `d3.arc` to compute segment paths, with `d3.scaleOrdinal` assigning colors. Text labels are positioned using `arc.centroid`, and the legend is built manually with appended `rect` and `text` elements. The SVG canvas is selected with `d3.select`, and the visualization is generated asynchronously through an `async` function.

NNaimisha-M
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 Fork of ICE - 7 Pie Chart 11515092

This chart shows the top 10 countries by deaths attributed to air pollution in 2020, using a pie chart with a legend and value labels. It loads CSV data from a GitHub gist via `d3.csv` and renders SVG arcs with `d3.pie` and `d3.arc`. A `d3.scaleOrdinal` maps death counts to a fixed set of colors, while text labels use `d3.format` to abbreviate values as thousands (e.g., "1.2K"). The legend is built manually with appended SVG rectangles and text elements, all styled with CSS.

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

This pie chart visualizes the top 10 countries by deaths attributed to air pollution in 2020, using a color-coded legend and percentage-like labels. The visualization is built with D3.js v5, leveraging `d3.pie` and `d3.arc` to generate the chart’s segments, while `d3.scaleOrdinal` maps colors to data categories. Data is fetched asynchronously via `d3.csv` from a remote URL, and the SVG rendering includes interactive text labels and a legend. The chart encodes death counts in thousands, with each slice proportionally representing the data.

Mmadipadiga.raviteja@gmail.com
95% match