Skip to main content
SimilarExport ZIP
100%

Activity_7_HT1

✓ Published0🌍 Public
HHema Tummapala
Last edited Nov 5, 2024
Created on Nov 5, 2024

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.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7.1.1

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.

Ttejaswiteju9811@gmail.com
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
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…

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
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
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
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…

Poorna Pie chart activity_7

This pie chart visualizes the top 10 countries by deaths from air pollution in 2020, using a colorful SVG rendered by d3. The chart segments represent annual income data from a CSV file, with each slice’s color and size determined by d3.pie and d3.arc. A legend displays each profession and its corresponding value, formatted with d3.format. The visualization is built with d3.v5, using asynchronous data fetching to load the dataset before rendering.

Ppoornachander510@gmail.com
81% match