Skip to main content
SimilarExport ZIP
100%

task9-1

✓ Published0🌍 Public
Ssiri2001j@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from task9-1

This example shows a pie chart of the Air Quality Index by country, with a color-coded legend listing each nation’s formatted index value. It loads CSV data from a GitHub raw URL, converts the Air_Index field to numbers, and sorts countries descending before rendering. The chart uses D3 v5’s `pie`, `arc`, `scaleOrdinal` with `schemeCategory10`, and `format` to construct slices and labels. The SVG output includes a centered title and a legend positioned to the right, with all text styled via CSS.

AI-generated description

Air Quality Data Pie Chart gist = 'https://raw.githubusercontent.com/jastisiri/air/main/Air_Quality.csv'

MIT Licensed

Similar vizzes

Loading thumbnail…

task-9-1

This visualization is a pie chart showing the Air Quality Index by country, with each slice representing a country and its color encoded to a categorical scale. The chart includes a legend on the right side listing each country with its corresponding Air Index value, and the slices are sorted from largest to smallest value. Built with D3 v5, the code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG paths and colors. The data is loaded from a remote CSV file using `d3.csv`, with the `Air_Index` values parsed as numbers for the computation.

Ssiri2001j@gmail.com
94% match
Loading thumbnail…

task9-1

This pie chart visualizes the Air Quality Index by country, with each slice colored and labeled to show the relative pollution levels. The data is loaded from a CSV file hosted on GitHub and parsed using D3 v5. The chart is rendered as SVG, with pie and arc generators creating the slices, and a legend displaying country names alongside their formatted index values. Title text and ordinal color scaling from `schemeCategory10` complete the presentation.

Bbrahmateja.edu2023@gmail.com
94% match
Loading thumbnail…

task2-1

This visualization displays a pie chart of the Air Quality Index by country, using a categorical color scale to distinguish slices and an accompanying legend with country names and index values. Data is loaded from a CSV hosted on GitHub, with numeric conversion and sorting by index before rendering. The chart uses D3 v5 APIs including `pie()`, `arc()`, `scaleOrdinal` with `schemeCategory10`, and `select`/`append` to build the SVG output.

Bbrahmateja.edu2023@gmail.com
91% match
Loading thumbnail…

Question1_Task9

This D3.js v5 visualization presents a pie chart of the Air Quality Index by country, using SVG rendering. The chart encodes each country's Air_Index value as a pie slice, with colors assigned via the d3.scaleOrdinal and schemeCategory10 color scale, and includes a legend showing country names and their formatted index values. The code loads CSV data from a GitHub gist, converts the Air_Index field to numbers, sorts countries by index, and uses d3.pie and d3.arc to generate the slices. The chart is titled "Air Quality Index by Country."

Vvidiyalasahithi1999@gmail.com
90% match
Loading thumbnail…

Assignment 2.1.1

This D3.js v5 pie chart visualizes the Air Quality Index by country, sourced from a CSV file hosted in a GitHub gist. The chart center displays the proportional slices, each colored via the ordinal category-10 color scheme, with a legend on the right listing country names and their corresponding Air Index values. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the slices and layout, and `d3.csv` to load and parse the data. A title, styled with a sans-serif font, appears at the top of the SVG canvas.

VVenkataSatyaRamKamini@my.unt.edu
86% match
Loading thumbnail…

2.1.1

This pie chart visualization displays the Air Quality Index (AQI) by country, with each slice sized proportionally to the index value. The data loads from a CSV file, with the index parsed as a numeric value and countries sorted in descending order. Using d3.pie and d3.arc, the SVG renders colored slices, a legend with country names and formatted index values, and a title. A d3.scaleOrdinal with schemeCategory10 assigns colors, while the chart groups transform to center the pie.

Ssanavenkatasurendrareddy@gmail.com
85% match
Loading thumbnail…

piechart

This pie chart visualizes the top 10 countries by average Air Quality Index (AQI) from a CSV file. Each slice represents a country, with its name labeled inside. A legend on the left lists each country with its corresponding AQI value, using colors from the `d3.scaleOrdinal` and `d3.schemeSet3` palette. The chart is rendered as an SVG using `d3.pie` and `d3.arc` to compute slice geometries, and `d3.csv` to load and parse the data.

Kkblikitha22@gmail.com
84% match
Loading thumbnail…

piechart

A pie chart displays the expiry counts by country due to air pollution, with each slice labeled by its value in thousands. The chart uses D3 v5 to load CSV data from a GitHub repository, calculate pie arc paths with `d3.pie` and `d3.arc`, and color slices via `scaleOrdinal`. A legend lists each country with its corresponding value, and text labels are positioned using `arc.centroid`. The SVG renders at 960×500 pixels with explicit colors assigned to each section.

Bbhavyamoturi2509@gmail.com
83% match