Skip to main content
SimilarExport ZIP
100%

piechart

✓ Published0🌍 Public
Bbhavyamoturi2509@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

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.

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…

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

pie chart

This pie chart visualizes country populations using D3.js v6, rendering each slice as an SVG path with a categorical color scale. The code loads CSV data from a GitHub gist, processes population values, and uses d3.pie() and d3.arc() to generate the chart geometry. Each slice is labeled with its country name positioned at the arc centroid, while a custom legend built from SVG rectangles and text elements displays the color assignments alongside the chart.

Rreddyharshi08@gmail.com
85% match
Loading thumbnail…

pie chart

A pie chart displays the top 10 countries by recorded deaths from gas pollution in 2021, with each slice labeled in thousands and accompanied by a color-matched legend. The visualization reads data from a CSV file via `d3.csv` and uses `d3.pie` and `d3.arc` to generate the segments, with `d3.scaleOrdinal` assigning colors. Text labels are positioned using the arc centroid, and the chart renders as SVG within an HTML page.

SSai Hemanth Babu Sunkari
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…

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

Piechart ICE 7

This example shows a pie chart visualizing CO2 emissions by country, sourced from a GitHub-hosted CSV file. The chart displays each country’s emission value as a labeled slice, with a legend identifying countries by color. Built with D3.v5, the code uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the slices, and renders the visualization as SVG within an HTML page.

RRebecca Moore
84% match
Loading thumbnail…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

Rrajeswariamruthabommaraju@my.unt.edu
83% match
Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu
83% match