ICE7 - Reusable Scatter Plot_RK

100%

ICE7 - Reusable Scatter Plot_RK

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

Forked from ICE - 7 Pie Chart Maanas Katta

This visualization displays the top 10 countries by deaths in 2020 attributed to air pollution, using a pie chart with each segment labeled with the death count in thousands. A legend on the right lists each country with its corresponding color and value. The code fetches CSV data from a gist, parses it with `d3.csv`, and renders the chart as SVG using `d3.pie`, `d3.arc`, `scaleOrdinal`, and `format`. The chart is built with D3 v5 within an HTML page.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 - Pie Chart_RK

This example presents a pie chart visualizing the top 10 countries by deaths in 2020 from air pollution. The data is loaded from a CSV file using `d3.csv`. The chart is rendered using D3 v5 with SVG, where `d3.pie` computes the arc segments and `d3.arc` defines their geometry. Each slice is labeled with its value in thousands, and a legend lists each country alongside its corresponding number. Color encoding uses an ordinal scale with a custom array, and the layout transforms arcs to center within the SVG canvas.

RRamakanth771

95% match

Loading thumbnail…

ICE7 - Pie Chart_RK

This pie chart visualizes the top 10 countries’ deaths from air pollution in 2020, with each slice labeled in thousands and a corresponding legend listing country names and values. The chart uses d3.pie() to compute arc angles and d3.arc() for path geometry, with d3.scaleOrdinal() mapping slice colors. Data is loaded asynchronously from a CSV via d3.csv. Text labels are positioned using arcGenerator.centroid(d), and the SVG rendering includes manually appended legend rectangles and text elements. The implementation relies on D3 v5.

RRamakanth771

93% match

Loading thumbnail…

Fork of ICE7 - Pie Chart_RK

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, with each slice labeled with its death count in thousands. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate the SVG segments and legend. Data is loaded asynchronously from a CSV file via `d3.csv`, and the legend lists each country alongside its corresponding value, rendered in a static SVG canvas.

RRamakanth771

93% match

Loading thumbnail…

ICE7-Pie Chart

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`.

KKolliTeja

90% 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

90% 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

90% 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

90% 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

90% match