Skip to main content
SimilarExport ZIP
100%

World population data set

✓ Published1🌍 Public
AAnShed
Last edited Jul 7, 2020
Created on Jun 24, 2020

This visualization displays global population trends from 1962 to 2018 as an area chart, with population values on the vertical axis and time on the horizontal axis. The chart uses a smooth curve to show the steady increase in world population over the decades. Built with React and D3 v5, the code employs `scaleTime`, `scaleLinear`, `area`, `curveBasis`, `axisLeft`, and `axisBottom` to render the SVG, with population labels formatted in billions using a custom tick format.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

World Population

This visualization shows world population trends over time as a smooth red area chart, with population on the vertical axis and year on the horizontal axis. It uses D3 v6 with SVG rendering in a React framework. The code employs `d3.csv` to load data, `scaleTime` and `scaleLinear` for axes, `d3.area` with `curveBasis` to generate the filled path, and `axisLeft` and `axisBottom` with tick formatting to display population values in billions.

RReekMajumder
90% match
Loading thumbnail…

World population by year 2015

This visualization shows world population trends over time, with an area chart depicting population growth from historical data through 2015. The x-axis represents time in years, while the y-axis displays population counts formatted in billions. Built with React and D3 v6, the code uses `scaleTime`, `scaleLinear`, and the `area` generator with `curveBasis` to render the smooth filled path in SVG. Axes are created via `axisBottom` and `axisLeft`, with data loaded from a CSV file and parsed in the `csv` callback.

Nnsadath
89% match
Loading thumbnail…

World Population Area Chart

This visualization displays world population trends over time as a smooth area chart, with the population values shown on the y-axis and years on the x-axis. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `area` with a `curveBasis` generator, rendering to an SVG. Data is loaded via `d3.csv` from a VizHub dataset, with the area path filled in maroon and labeled axes using custom tick formatting.

VVishwa246
88% match
Loading thumbnail…

world population area chart

This area chart shows the growth of world population from 1950 to 2015, with the area under the curve filled in maroon and a blue outline. The visualization uses D3.js version 5.16 to load CSV data, parse dates, and map time and population values to an SVG canvas. It employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to generate the smooth filled region. The y-axis is labeled "Population" with tick values formatted in billions, while the x-axis shows years.

Llinkshady
88% match
Loading thumbnail…

World Population Area Chart

This visualization shows world population trends over time as a smooth area chart, with a title, labeled axes, and grid lines. The React app uses D3 v5 to load a CSV dataset, parse dates and population numbers, and render SVG shapes. It creates linear and time scales, applies a basis curve to the area path, and adds formatted axis ticks, all styled with CSS. The chart is generated within an SVG canvas with explicit margins.

Ddacoylo
88% match
Loading thumbnail…

World Population Data Set

This visualization displays world population trends over time with a smooth area chart, emphasizing population growth through a filled curve with labeled axes for time and population count. The SVG rendering uses D3.js APIs including `scaleTime`, `scaleLinear`, `area` with `curveBasis`, and `axisBottom`/`axisLeft` components. Population data is loaded via `csv` from a VizHub dataset, formatted with tick labels like "B" for billions, and styled with custom CSS for the title, axes, and path.

SSamuel Elbaz
88% match
Loading thumbnail…

World Population Area Chart

This visualization shows global population trends over time as a filled area chart, with the area beneath the curve shaded in steel blue. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` generator with a `curveBasis` smoothing. Data is loaded via `csv` from a remote world-population-by-year dataset and rendered as SVG, with axis labels, tick formatting, and a chart title styled through CSS.

BB Sundaresan
88% match
Loading thumbnail…

World Population

A time-series area chart displays global population from 1950 to 2020, with population scaled in billions on the y-axis and years on the x-axis. The visualization uses D3 v5 with SVG rendering, employing `area`, `scaleLinear`, and `scaleTime` to generate a smoothed curve via `curveBasis`. Data originates from the United Nations World Population Prospects 2020, loaded through `dsv` with semicolon separators, and axes are created with `axisBottom` and `axisLeft`.

KKurt J Nilsen
87% match