Skip to main content
SimilarExport ZIP
100%

ICE7-Pie Chart

✓ Published1🌍 Public
KKolliTeja
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 with colored segments, each labeled with its value in thousands and accompanied by a legend showing country names and death counts. Built with D3 v5, the code fetches CSV data from a GitHub gist, uses `d3.pie` and `d3.arc` to generate the sectors, applies a color scale via `d3.scaleOrdinal`, and renders both the chart and interactive-free legend as SVG elements, with axes formatted using `d3.format`.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE - 7 Pie Chart

This visualization shows the top 10 countries by deaths from air pollution in 2020, using a pie chart with color-coded slices and a legend listing each country’s death count in thousands. The chart is rendered in SVG using D3 v5, with data fetched as CSV from a GitHub gist. The pie layout is computed via `d3.pie()`, arcs are drawn with `d3.arc()`, and colors are assigned using `scaleOrdinal`. Each slice displays its value in thousands, while the legend explicitly pairs country names with their corresponding death totals.

Nnithish-1999
95% match
Loading thumbnail…

ICE - 7 Pie Chart .

This visualization shows the top 10 countries by deaths from air pollution in 2020 using a pie chart with D3.js (v5) and SVG rendering. The pie chart is divided into colored segments, each labeled with the death count, alongside a legend listing country names and corresponding values. The code fetches data from a CSV file hosted on GitHub, loads it using D3’s `csv` function, and renders the chart with `d3.pie`, `d3.arc`, and `scaleOrdinal` for color assignment. Text labels and legend elements are positioned using D3’s arc centroid calculations, and formatting is handled with `d3.format`.

Nnithish-1999
95% match
Loading thumbnail…

ice7 pie chart

This pie chart visualizes 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 listing country names and corresponding figures. The visualization uses D3.js v5 with an SVG rendering, employing the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to generate the chart from CSV data fetched via `d3.csv`. The code maps death counts to a categorical color scheme and appends text labels and legend elements directly to the SVG.

SSnigdha6698
95% match
Loading thumbnail…

ICE - 7 Pie Chart

This example shows the top 10 countries by deaths attributed to air pollution in 2020, using a pie chart with labeled segments and a legend. It uses d3.csv to load the data and d3.pie and d3.arc to generate the chart’s paths, with d3.scaleOrdinal assigning fixed colors. Each slice displays its value in thousands, and the legend lists country names and corresponding figures. The visualization is rendered as SVG, with patterns drawn using d3.arc’s centroid for label placement.

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

ICE - 7 Pie Chart

This example displays a pie chart of the top 10 countries by deaths in 2020 attributed to air pollution, with each segment labeled with its value in thousands and a corresponding legend listing country names and death counts. It loads CSV data via `d3.csv` (from a GitHub gist), then uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate SVG paths and text elements. The chart is rendered with D3 v5, with styling applied through the `style.css` and inline SVG attributes.

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

ICE 7 Pie chart

This pie chart displays the top 10 countries by deaths in 2020 attributed to air pollution, with each slice labeled in thousands and a corresponding legend. The data is loaded from a CSV file using `d3.csv`, and the pie layout is computed with `d3.pie`. Slices are drawn as SVG paths via `d3.arc`, with colors assigned by `d3.scaleOrdinal`. Text labels and legend entries are positioned using the arc centroid method, and numbers are formatted with `d3.format`. The chart is rendered entirely in SVG within a D3 v5 environment.

SSreejaBellamkonda
94% 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
94% match