10 largest cities in the world

Largest Cities population in US 2020

This bar chart displays the populations of the top ten largest U.S. cities in 2020, allowing quick comparison of their relative sizes. The quantitative population values are encoded as bar lengths on a linear scale, while the categorical city names are listed along the vertical axis. Built with React and D3 within the v5 framework, the SVG visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with data sourced from World Population Review.

AAbdul Salam Almadani

Bar Chart

This bar chart displays the populations of the ten most populous countries in 2020, drawn from the World Population Prospects dataset. Each country is listed on the vertical axis, with horizontal bars extending to represent population size in millions. The visualization uses D3 v6 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map data to an SVG canvas. The chart’s layout applies margins to position the axes, and the bars are rendered as rectangles with a steelblue fill.

YYash Goyal

Most Popular Cities In The World

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

Ssyedhaliz

Bar Chart

This bar chart displays the population of the ten most populous countries based on 2018 estimates from the World Population Prospects 2017. The visualization uses d3.scaleLinear and d3.scaleBand to map population values to bar widths and country names to vertical bands, with d3.axisBottom and d3.axisLeft for the axes. Data is loaded from a CSV file using d3.csv, and the population values are multiplied by 1000 to reflect actual figures. The chart renders as SVG, with a title annotation and formatted tick labels using d3.format.

RRafael O'Duarte

Bar chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from World Population Prospects. The chart uses a horizontal layout with a linear scale for population values and a band scale for country names. The visualization is built with D3 v6, using `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data and render SVG rectangles. Each bar’s length reflects population in thousands, with steel-blue fills and labeled axes.

BbeauMarko

BAR CHART

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. Axes are customized with tick formatting that converts values to billions (e.g., replacing "G" with "B") and removed domain lines. Population data is loaded from a CSV file and multiplied by 1000.

Ccocktaildata

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 to load data from a CSV file and render SVG bars, with a linear scale for population and a band scale for country names. Custom D3 axes are configured with a tick formatter that abbreviates values (e.g., using "B" for billions), while the chart includes a title and an x-axis label.

SStephen

Bar Charts

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The bars are rendered in SVG with a steelblue fill, while D3’s axis generator provides customized tick labels and lines in muted grays. The chart uses `d3.csv` to load the data and `d3.scaleBand` and `d3.scaleLinear` for positioning and scaling. An axis label and a title are added as text elements, with font sizes and colors styled via CSS.

Tthebeef5