Skip to main content
SimilarExport ZIP
100%

Most Popular Cities In The World

✓ Published0🌍 Public
Ssyedhaliz
Last edited Mar 13, 2023
Created on Mar 13, 2023

This pie chart displays the top 10 most populated cities in the world based on 2022 population data. Each slice represents a city’s total population, with a color-coded legend showing city names and values in thousands. The visualization uses D3 v5’s `pie` and `arc` generators to compute angular segments, with `scaleOrdinal` mapping colors to population values. Data is loaded asynchronously from a CSV file via the `csv` function, and the SVG rendering includes custom legend text and percentage formatting using `format`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie chart

This pie chart displays the top 10 most populous countries in 2022, with each slice labeled by population count and a color-coded legend listing country names and values. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw SVG paths, while `scaleOrdinal` assigns colors from a hardcoded array. Population data is loaded from a CSV via `d3.csv`, formatted with `d3.format`, and rendered on a yellow background with text labels positioned using `arc.centroid`.

Ssaivinay143
86% match
Loading thumbnail…

Pie chart

This pie chart displays the top 10 countries by population in 2022. It uses d3.js and is rendered as an SVG. The code fetches data from a CSV file and utilizes d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart. Each segment is labeled with its population value, and a legend on the right lists the countries with their corresponding colors and population figures.

Ppavankalyan1507
84% match
Loading thumbnail…

Fork of Pie Chart

This visualization displays the top 10 countries in the world for 2022, showing each country’s population as a slice of a pie chart with a corresponding color-coded legend. The data is loaded from a CSV file hosted on GitHub Gist. The code uses d3.pie, d3.arc, d3.scaleOrdinal, and d3.format to compute the pie segments, assign colors, and format population values in thousands. It renders the chart and legend as SVG elements, with the pie centered on a 960×500 canvas.

SSreejaBellamkonda
83% match
Loading thumbnail…

Top 10 Countries with highest population

A pie chart displays the top 10 countries by population in 2019, with each slice sized by the country's population value from the linked CSV file. The chart uses D3.js v6 to load the data, compute the pie layout, and render SVG paths for the arcs. Slices are colored with a categorical scale, labeled directly on the chart, and accompanied by an interactive legend. Hovering over an arc increases its fill opacity, and drop shadows highlight each segment.

Ssumanthsomu1
83% match
Loading thumbnail…

10 largest cities in the world

This bar chart displays the populations of the ten largest cities in the world in 2018, using data from World Atlas. The bars are sorted by country name, with population values formatted in billions using d3.format. Built with D3 v5, the visualization uses scaleLinear and scaleBand for axes, axisLeft and axisBottom for ticks, and SVG rendering. A horizontal gridline pattern is created via tickSize on the x-axis, while the chart’s title and axis label are added as SVG text elements.

Mmargaretgoode
82% match
Loading thumbnail…

Fork 2 of Pie chart

This visualization displays a pie chart of the top 10 countries by population in 2022, with each slice labeled with its population value in thousands and accompanied by a color-coded legend showing country names and corresponding figures. It uses d3.csv to load population data from a gist URL, then constructs the chart with d3.pie, d3.arc, and d3.scaleOrdinal. The rendering relies on SVG elements generated through D3 v5 selection and data-join methods, with colors, text labels, and legend items all created inside a single SVG canvas.

Ppavankalyan1507
82% 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
81% match
Loading thumbnail…

Fork2 of Pie chart

This visualization displays the top 10 most populous countries in 2022 as a pie chart, with each slice labeled in thousands and a legend listing country names and population values. Using D3 v5, the code fetches CSV data via `d3.csv`, computes the pie layout with `d3.pie`, and draws SVG paths with `d3.arc`. Slice colors come from `d3.scaleOrdinal`, and text labels are placed using `arc.centroid`. The chart renders in an SVG canvas with a light yellow background and includes a manual legend built from the same data.

Ppravallikayaram12
80% match