Fork of ICE7-Pie Chartsdfb

100%

Fork of ICE7-Pie Chartsdfb

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE7-Pie Chart

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.

KKolliTeja

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

87% 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

86% 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

85% match

Loading thumbnail…

Fork of Piechart ICE7

This visualization presents a pie chart showing the number of vehicles seized across different American states, with each slice labeled with its count in thousands and accompanied by a color-coded legend. The chart uses D3 v5 to load CSV data from a GitHub repository and render the pie with `d3.pie` and `d3.arc`, mapping state values to a categorical color scale. Text labels are positioned using arc centroids, and the legend lists each state with its corresponding value, making the distribution of seizures immediately comparable.

Nnsatyaprakash22

84% match

Loading thumbnail…

Fork of Piechart ICE7

A pie chart depicts the number of vehicles seized across various U.S. states, using a dataset loaded from a GitHub-hosted CSV. The chart displays each state as a colored slice with a value label (in thousands), accompanied by a legend that lists state names and their corresponding seized-vehicle counts. Built with D3 v5, the visualization employs `d3.csv` to fetch data, `d3.pie` to compute arc segments, `d3.arc` for path generation, and `d3.scaleOrdinal` for categorical coloring. The SVG output is rendered within a centered layout, with legends and labels formatted via CSS.

Vvryvarma5577@gmail.com

84% 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

83% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes Democrat state population data as a labeled pie chart, with the title centered above the SVG rendering. It uses d3.csv to load state demographics from a GitHub-hosted CSV file and d3’s pie and arc generators to compute and draw the slices. The view includes white text labels on each wedge, while legend entries and values are styled separately via CSS. The page also displays a tabular breakdown of the same dataset, rendered through D3’s data-join methods.

83% match