Pie Chart

100%

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

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`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

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.

Pprajoth0405

92% match

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

91% match

Loading thumbnail…

Pie chart Visualization

This pie chart visualizes the top 10 Indian states by population, with each slice colored distinctly and paired with a legend listing state names and population values in thousands. Built with D3 v5, the code loads CSV data from a GitHub gist via `d3.csv`, computes arc segments using `d3.pie` and `d3.arc`, and renders the chart as SVG. Color mapping uses `d3.scaleOrdinal`, while numeric labels are formatted with `d3.format`. The legend is manually appended alongside the pie, and no interactivity is implemented.

DDanthalakirankumar

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

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

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

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

83% match

Loading thumbnail…

Fork of Fork of Fork of Pie_chart_Us_states_density

This visualization shows the top 10 US states by population density as a pie chart, with a legend listing each state and its population value in thousands. The chart is rendered as an SVG using D3 v5, with pie and arc generators computing the segment paths, and a scaleOrdinal mapping categorical colors to each state. Population data is loaded from a remote CSV via d3.csv, and the legend displays formatted values using d3.format.

SSushmareddy-gudipally

83% match