Skip to main content
SimilarExport ZIP
100%

Pie chart_world population

✓ Published0🌍 Public
VVarshithMurakonda@my.unt.edu
Last edited Apr 9, 2025
Created on Apr 9, 2025
Forked from Hello VizHub

This D3.js v7 example visualizes world population by continent as a pie chart, with each slice labeled and a color-coded legend to the right. It reads population data from a CSV hosted on GitHub, converting the Population_Millions values to numbers. The chart uses `d3.pie` for slice geometry, `d3.arc` for rendering, and a categorical color scale via `d3.scaleOrdinal` with `d3.schemeCategory10`. Slices are drawn with white stroke separation, and the SVG output includes concise continent labels positioned at arc centroids.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pie Chart

This pie chart displays the distribution of world population across six continents, sorted from largest to smallest share. The visualization loads tabular data via `d3.tsv`, aggregates values by continent using `d3.rollup`, and generates SVG arcs with the `d3.pie` and `d3.arc` layouts. A color legend and hover tooltip provide additional context, while slice opacity changes on mouseover enhance interactivity.

AAnurup Reddy
89% match
Loading thumbnail…

Q1

This example displays a world population pie chart broken down by continent. It uses D3 v7 to load CSV data from a GitHub gist, converts population values to numbers, and renders an SVG pie chart with an ordinal color scale and a custom legend. The chart is built with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, with slices styled with opacity and stroke.

LLakshmiPrasannaValdas@my.unt.edu
89% 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
87% match
Loading thumbnail…

Pie Chart

A pie chart displays the population distribution of the top ten most populous countries, with each slice sized proportionally and color-coded via a categorical scale. The chart renders as an SVG, generated from CSV data loaded from a GitHub gist. Using d3.pie and d3.arc, the visualization constructs the circular segments, while d3.scaleOrdinal with schemeCategory10 assigns slice colors. A legend on the right lists each country with its corresponding color swatch and population value, and hovering over a slice logs the population to the console.

Bbrindapotluri
87% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes population distribution by continent using a categorical color scale and labeled slices. The D3.js code loads CSV data from a GitHub gist, applies `d3.pie` to compute arc angles, and renders the result as SVG paths with `d3.arc`. Text labels are positioned at each slice’s centroid using `arc.centroid`. The chart is centered within a fixed 500×500 SVG canvas, with white stroke separators between slices and a clean, bordered container styled by CSS.

Ssumanthpenna0221@gmail.com
86% match
Loading thumbnail…

Fork of pie chart

A pie chart displays the 2022 world population share by continent, aggregated from a CSV file with `d3.csv`. Each slice uses a Tableau10 color from a `d3.scaleOrdinal` and shows the percentage, while a side legend lists continent names with total population and percentage. The chart is rendered as SVG using `d3.pie` and `d3.arc`, with text labels positioned via `outerArc.centroid`.

MMd Fahimul Kabir Chowdhury
86% match
Loading thumbnail…

Pie Chart with Legend

This pie chart visualizes the population of fantasy worlds in millions, using a categorical color scale to distinguish each world. The chart renders an SVG with D3’s `pie` and `arc` generators, while `scaleOrdinal` and `schemeCategory10` assign colors. A legend on the right lists each world and its population, built with appended SVG rectangles and text labels. Data is loaded as CSV from a GitHub gist, formatted via a custom number formatter, and styled with red and blue headings in the HTML.

Ddldowning
86% match
Loading thumbnail…

shish's ice7-piechart

This pie chart displays the top 10 countries by world population share in 2025, with each slice labeled by country name and accompanied by a color-coded legend. Built with d3.v7 and rendered as SVG, it loads data from a CSV file, sorts by the World_Share column, and uses `d3.pie()` to generate the arcs. Slice colors come from `d3.scaleOrdinal()` with the `d3.schemeCategory10` palette, while `d3.arc()` defines the pie geometry. The visualization includes stroke outlines and text labels positioned at arc centroids, with a legend appended to the right of the chart.

SSai Shishir Koppula
86% match