Skip to main content
SimilarExport ZIP
100%

World Population Area Chart

✓ Published0🌍 Public
Mmeihaoming
Last edited Nov 20, 2019
Created on Nov 20, 2019

This area chart visualizes world population over time using data from the United Nations’ 2017 World Population Prospects (VizHub dataset), with a maroon filled path under a curve. The SVG render uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, `curveBasis`, `axisBottom`, and `axisLeft` to build axes with grid lines and custom tick formatting (e.g., abbreviating billions). It also demonstrates axis-label placement, margin-based layout, and title styling via CSS classes.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

World Population Area Chart

This area chart visualizes world population from 2018 data sourced from the United Nations World Population Prospects, using an SVG renderer with D3 v5. It displays population over time with a maroon filled area, time-scaled x-axis, and linear y-axis using `scaleTime`, `scaleLinear`, `area`, and `curveBasis`. The left and bottom axes are generated via `axisLeft` and `axisBottom`, with custom tick formatting that converts billions to the letter 'B'.

Hhirokat
94% match
Loading thumbnail…

World Population Area Chart

This area chart displays world population trends over time using data from the 2017 UN World Population Prospects, with the x-axis representing time and the y-axis showing population in billions. A smooth basis curve fills the area under the line, while axis labels and tick formatting customize the presentation. The visualization relies on D3 v5 APIs including `scaleLinear`, `scaleTime`, `area`, `curveBasis`, `axisLeft`, and `axisBottom`, rendering as SVG within a single chart.

PPhilippe Rigovanov
93% match
Loading thumbnail…

World Population: Area Chart

This area chart visualizes global population trends over time, using a maroon-filled path to represent the changing values. The visualization loads CSV data from a VizHub dataset and renders it as an SVG, with a time-scaled x-axis and linear y-axis. The code employs D3 v5’s `area` generator, `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` to construct the chart, while custom tick formatting converts large numbers to billions. Gridlines and axis labels enhance readability, and the title sits centered above the plot.

MMithun Ghosh
92% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes global population growth from 1950 to 2015 using data from the United Nations World Population Prospects 2017. The maroon-filled area curve shows population values over time, with a time-scaled x-axis and linear y-axis formatted in billions. Built with D3 v6, the visualization uses `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the smooth path, along with `axisLeft` and `axisBottom` for labeled gridlines. Data is loaded as CSV and rendered as SVG.

AAndrewRiceMGW
92% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes the change in world population over time, with a smooth, curved line filling the space beneath it in blue. The chart uses a time-based x-axis and a linear y-axis, with a grid provided by axis ticks. Built with D3 v5, the code employs `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `area` with a `curveBasis` to render the SVG path. The data originates from the United Nations World Population Prospects 2017 dataset.

AAngus Hon
92% match
Loading thumbnail…

World Population Area Chart

This visualization presents global population trends from 1950 to 2015 as a filled area chart, with the vertical axis representing population in billions and the horizontal axis showing time. The chart uses D3 v5’s `area` generator with `curveBasis` smoothing, paired with `scaleTime` and `scaleLinear` for axes. Data comes from the UN World Population Prospects 2017, loaded via `csv` and rendered into an SVG. Axis labels and ticks are styled with custom formatting, and the area fill is maroon.

Aatree-rohit
92% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes world population from 1950 to 2015, with the x-axis mapping years and the y-axis showing population counts. The chart uses an SVG rendering approach with D3 v5, employing `scaleTime` and `scaleLinear` for the scales, `axisBottom` and `axisLeft` for the axes, and an `area` generator with `curveBasis` to create the smooth filled region. Data comes from the United Nations World Population Prospects 2017, loaded via `d3.csv`, with axes labeled and tick marks formatted to display billions. The visualization includes a title and grid lines for readability.

OOvxOO
92% match
Loading thumbnail…

World Population Area Chart

This area chart displays the world population by year since 1950, using data from the UN Population dataset. The visualization presents population growth as a smooth, maroon filled area that rises steadily over time. Built with D3 v5, it employs `scaleTime` and `scaleLinear` for the axes, `area` with `curveBasis` for the smooth path, and `axisLeft` and `axisBottom` for gridlines and labels. The SVG rendering includes custom tick formatting that converts billions to "B".

SSimon Pettersson
92% match