Skip to main content
SimilarExport ZIP
100%

World Population Area Chart

✓ Published0🌍 Public
Hhirokat
Last edited Sep 3, 2020
Created on Sep 1, 2020

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

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

World Population Area Chart

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.

Mmeihaoming
94% 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
93% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes world population over time, with the x-axis representing time and the y-axis representing population. The chart uses an SVG rendering approach and is built with D3 v5, leveraging D3's area, curveBasis, scaleTime, scaleLinear, axisBottom, and axisLeft APIs. The data is loaded from a CSV file of world population by year, and the chart includes a title, axis labels, and grid lines. The area fill is styled with a maroon color, while axes are formatted with tick marks and labels.

VVito
93% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes global population trends over time, with time on the x-axis and population on the y-axis, rendered as a maroon-filled SVG path. The chart uses a time scale, linear scale, and the `area` generator with `curveBasis` to create the smooth shape, while `axisBottom` and `axisLeft` provide labeled ticks. Population values are formatted with abbreviations, and the data comes from a CSV file listing population by year.

HHelenaShu
93% 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
93% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes world population over time, with the x-axis representing years and the y-axis showing population counts. The chart uses an SVG rendering with a smooth, curved area fill created by `d3.area()` with `curveBasis`. Axes are generated via `d3.axisBottom()` and `d3.axisLeft()`, while data is loaded through `d3.csv()` from a remote dataset. The visualization includes labeled axes, a title, and gridlines styled through CSS.

KKaleb LaBarrie
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
Loading thumbnail…

World Population Area Chart

This chart displays world population over time using a filled area representation. The visualization uses a time-scaled x-axis for years and a linear y-axis for population, with the area filled in maroon to emphasize magnitude. Built with D3 v5, it leverages `d3.scaleTime`, `d3.scaleLinear`, `d3.area` with `d3.curveBasis` smoothing, and SVG rendering. Data is loaded from a CSV file via `d3.csv`, with axes styled through custom tick formatting that converts values to billions. The chart includes labeled axes and a title, with gridlines created using tick marks.

SShyam Bihari Agarwal
92% match