Fork of ICE7-Pie Chart

100%

Fork of ICE7-Pie Chart

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This fork of ICE7-Pie Chart shows the pollution levels and population for ten US states using a pie chart rendered as SVG. Each slice represents a state’s population, with slice labels and a legend listing state names and population values in millions. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to compute the arcs and assign a custom color palette. Data is fetched asynchronously from a CSV hosted on GitHub, and the chart is drawn by appending paths and text elements to the SVG canvas.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE7-Pie Chartsdfb

This example displays a donut-style pie chart of US state pollution data, drawn with SVG and D3 v5. The visualization uses `d3.pie` to compute arc segments and `d3.arc` for centroid labels, with a categorical color scale from `d3.scaleOrdinal`. Population values, fetched from a CSV, are shown inside each slice, while a legend lists states and their corresponding millions. The code also leverages D3’s `select` and `format` APIs for layout and number formatting.

Aakshitha.rapala@gmail.com

90% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart comparing the pollution levels across 10 US states, with each slice labeled by its population value and accompanied by a color-coded legend. It uses D3.js (v5) to fetch CSV data from a GitHub gist, then renders the chart as SVG elements. The code employs D3's `pie` layout, `arc` for generating the pie segments, `scaleOrdinal` for assigning categorical colors, and `format` for tick label formatting. A legend group is constructed with rectangles and text elements to identify each state and its corresponding population.

NNaimisha-M

90% match

Loading thumbnail…

ICE7-Pie Chart

This visualization displays U.S. state populations as a pie chart, showing each state’s population in millions with color-coded slices and a matching legend. It uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` to generate and style the chart from CSV data loaded via `csv`. The SVG rendering includes slice labels positioned with `arc.centroid` and a legend built from appended `rect` and `text` elements. The data source is a GitHub gist URL.

KKolliTeja

90% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart visualizes the top 10 most populated U.S. states, with each slice labeled by its population in thousands and accompanied by a color-coded legend. Built with D3 v5, the code fetches CSV data via `d3.csv`, computes slice angles with `d3.pie`, draws arcs with `d3.arc`, and maps colors using `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid, while the legend separately lists state names and values using SVG `rect` and `text` elements.

Ggayathri

88% match

Loading thumbnail…

ICE-7_Pie Chart

This pie chart displays the distribution of carbon emissions across different states in the USA, with each slice representing a state’s total emissions in thousand tonnes. The visualization uses D3 v5’s `pie` and `arc` generators to create the SVG segments, while `scaleOrdinal` assigns colors to each state. Legends are positioned manually alongside the chart, and data is loaded asynchronously from a CSV file via a custom `getData` function using D3’s `csv` method.

Nnithish-1999

86% match

Loading thumbnail…

Charan Fork of ICE - 7 Pie Chart

This example visualizes the top 10 most populated U.S. states as a pie chart, with each slice labeled with its population in thousands and accompanied by a legend showing state names and values. The chart is rendered as an SVG using D3 v5, with data fetched from a CSV hosted on GitHub. It employs D3’s `pie`, `arc`, and `scaleOrdinal` APIs to generate slices and assign colors, and uses `arc.centroid` to position population labels within each segment. The legend is built with appended `rect` and `text` elements.

Ccharanchand9

86% match

Loading thumbnail…

Charan Fork of ICE - 7 Pie Chart

This visualization shows the top 10 most populated US states in a pie chart with a legend displaying each state’s name and population value. The chart is rendered in SVG using D3.js v5, with data loaded from a CSV file via `d3.csv`. The pie layout uses `d3.pie` and `d3.arc` to generate segments, while `d3.scaleOrdinal` assigns colors to each slice. Labels are positioned using the arc’s centroid method, and the legend is built with SVG rectangles and text elements.

Ccharanchand9

85% match

Loading thumbnail…

Charan Fork of ICE - 7 Pie Chart

Ccharanchand9

85% match