Activity7.1.1

100%

✓ Published0🌍 Public

Last edited Nov 7, 2024

Created on Nov 1, 2024

This example shows a pie chart of death rates from air pollution for the top 15 entities, with each slice labeled by entity name and percentage contribution. The visualization aggregates data from a CSV file, sorts it by total deaths, and renders an SVG pie chart with a legend. It uses d3.csv for data loading, d3.pie and d3.arc for chart generation, d3.scaleOrdinal for color mapping, and d3.format for value labeling, with the chart centered in a fixed-width SVG.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_7_HT1

This pie chart visualizes the top 15 entities by total deaths per 100,000 attributed to air pollution, aggregated from a CSV dataset. The visualization uses d3.pie, d3.arc, and d3.scaleOrdinal to generate colored slices with labels showing each entity’s percentage, alongside a legend. Data is fetched asynchronously via d3.csv, aggregated, sorted, and sliced, then rendered with React and d3.v6 in an SVG format.

HHema Tummapala

89% match

Loading thumbnail…

Activity7_Q1

This pie chart visualizes deaths caused by air pollution across different countries, with each slice and legend entry color-coded and labeled with death counts in thousands. The code fetches data from a CSV file using d3.csv, then uses d3.pie and d3.arc to generate the chart’s segments, while d3.scaleOrdinal assigns colors to the categories. The SVG rendering includes slice labels positioned via arc.centroid and a separate legend showing country names and values.

SSahithi.R

86% match

Loading thumbnail…

Activity-7 Question1

This pie chart visualizes the top 8 countries with the highest death tolls from air pollution, using data from a CSV file. The chart displays the proportional share of deaths for each country, with labels showing values in thousands and a legend mapping colors to country names. The visualization is built with D3 v5, using the `pie()` generator to compute arc angles and `arc()` with an inner radius of zero to draw segments. Text labels are positioned at arc centroids, while the legend is constructed manually using appended SVG elements.

Aabjalshaik02@gmail.com

85% match

Loading thumbnail…

Activity - 7.1 Pie Chart

This pie chart shows the top 10 countries by deaths from air pollution in 2020, with each slice sized proportionally to death counts and labeled with values in thousands. A legend on the right pairs country names with their corresponding color swatches and death totals. The chart uses D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` to compute slice geometry and assign colors, rendering as SVG with imported CSV data from a GitHub gist. Text labels are positioned using `arcGenerator.centroid()` for each segment.

AAbhinay Peeta

84% match

Loading thumbnail…

Fork of activity 7Question 1

This pie chart displays the top 10 countries by deaths in 2020 from air pollution. The code loads data from a CSV file, calculates each country’s share, and renders sections using d3.pie and d3.arc. It applies a d3.scaleOrdinal for colors, labels each slice with a formatted death count, and includes a legend built with SVG rectangles and text. The visualization uses D3 v5 with SVG rendering, featuring a simple color palette of ten predefined CSS colors.

Aabjalshaik02@gmail.com

84% match

Loading thumbnail…

Activity 6 Question 1

This interactive D3.js pie chart visualizes the top 10 countries with the highest deaths attributed to air pollution in 2020. It encodes each country’s death count as a slice of the pie, with the value displayed inside each segment in thousands. A color-coded legend maps each slice to its corresponding country. The visualization is rendered as an SVG using D3 v5 APIs, including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format`. Data is fetched asynchronously from a CSV file hosted on GitHub.

Cchandikasreeakhil@gmail.com

83% match

Loading thumbnail…

activity 7Question 1

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020 in the United States. Each slice is labeled with its death count in thousands, and a legend maps colors to country names. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate the SVG paths and text labels, with data loaded via `d3.csv` from a GitHub repository.

SSowjanya Devupalli

83% match

Loading thumbnail…

Question 1

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020. It uses D3 v5 to fetch CSV data from a GitHub repository, process it with d3.csv, and render the chart as SVG paths generated by d3.pie and d3.arc. Each slice displays the death count in thousands using d3.format, while a corresponding legend with colored rectangles identifies each country. The chart employs an ordinal color scale with ten distinct colors.

KKarnam Abinay Goud

82% match