Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This pie chart visualizes the population distribution across U.S. states, using a categorical color scale for each state. The D3.js code loads CSV data from a Gist, calculates each state's share via the `pie` layout, and renders SVG slices with `arc` paths. A legend translates each sector's value into abbreviated format (e.g., "K" for thousands), while the chart is generated with `scaleOrdinal` for colors and D3's `format` for tick labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart visualizes population figures for US states, displaying each state as a colored slice with its population value labeled in millions. The chart uses d3.pie() to compute angular segments and d3.arc() with an inner radius of zero to generate the SVG paths. A legend is rendered to the right, mapping each state name to its corresponding color and population value. The data is loaded as CSV from a GitHub gist, and colors are assigned using d3.scaleOrdinal() with a predefined array of ten distinct colors.

Hharika-1929

93% match

Loading thumbnail…

Pie Chart

This pie chart displays the population of states for the year 1994, with each slice colored distinctly and accompanied by a legend showing the state name and population value in thousands. The visualization loads CSV data from a GitHub gist using `d3.csv`, processes it in an async function, and renders the pie using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping, all drawn as SVG elements within a fixed 960x500 viewport. The legend and value labels are appended as SVG groups with formatted numbers via `d3.format`.

Pprajoth0405

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

87% match

Loading thumbnail…

Pie_chart_Us_states_density

A pie chart displays the population density of the top 10 U.S. states, with each slice sized proportionally to its density value and colored via a distinct scale. The chart labels each state with its density in thousands, and a legend lists states with corresponding color swatches. Built with d3.v5, the visualization loads CSV data from a GitHub gist using `d3.csv`, computes pie angles with `d3.pie`, draws SVG paths via `d3.arc`, and assigns colors through `d3.scaleOrdinal`. The SVG canvas is 960 by 500 pixels, with the pie centered and legends offset to the right.

MMeghanaArepalli

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

86% match

Loading thumbnail…

Pie Chart US State Density

A pie chart displays the top 10 US states by population density, with each slice colored and sized proportionally to its density value in thousands. The visualization includes a legend with state names and formatted density labels. Data is loaded asynchronously from a CSV file via `d3.csv`, then processed and rendered using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. The SVG is generated with d3 v5 and uses `d3.format` for tick label formatting, with all visual elements drawn as SVG paths and rectangles.

PPavaniMangugari

85% match

Loading thumbnail…

Fork of Pie_chart_Us_states_density

This pie chart shows the top 10 U.S. states by population density, with each slice colored and labeled by state, and its value displayed in thousands. The visualization loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning a fixed color palette. A legend, built with appended SVG rectangles and texts, maps each color to its state and density value, formatted using `d3.format`. The rendering is entirely SVG-based, with custom styling from an external stylesheet.

SSushmareddy-gudipally

85% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 10 most populated U.S. states as a pie chart, with each slice colored distinctly and accompanied by a legend showing state names and population values (in thousands). It uses d3.csv to load data from a GitHub gist, then applies d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and colors. The chart is rendered with SVG elements, and legends are appended dynamically with text and rectangular markers.

Cchakritha06

84% match