Skip to main content
SimilarExport ZIP
100%

World Population Data Set

✓ Published0🌍 Public
SSamuel Elbaz
Last edited Nov 25, 2019
Created on Nov 4, 2019

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

World Population

This visualization displays world population growth by year, rendered as a filled area chart with a maroon curve. The data comes from a CSV file hosted on VizHub, with population values multiplied by 1000. Using D3 v5, the code employs `scaleTime` and `scaleLinear` for axes, `area` with `curveBasis` for the smoothed area, and `axisLeft`/`axisBottom` for tick marks. SVG output includes axis labels and a title.

BBenji-L
91% match
Loading thumbnail…

World population area chart

This area chart visualizes world population growth over time, using a smooth, filled curve to emphasize the accelerating trend. The chart includes labeled axes for time and population, with a maroon area and a steel-blue title. Built with D3.js v5, it uses `scaleTime`, `scaleLinear`, `area`, `curveBasis`, and `axisBottom`/`axisLeft` to render the SVG. Population values are formatted in billions, and data comes from a CSV file loaded from VizHub.

NNathan Neelis
91% match
Loading thumbnail…

World Population

This area chart shows world population growth over time, with a line and filled area representing population values plotted against year. The visualization uses d3.csv to load data from VizHub, d3.scaleTime and d3.scaleLinear for axes, and d3.area with a curveBasis for the smooth filled path. SVG rendering includes custom tick formatting that converts values to billions, plus axis labels and a title.

RRoman Blagovestny
90% match
Loading thumbnail…

World Population

This visualization shows the growth of world population over time, using an area chart filled with maroon. The data comes from a CSV file loaded via `d3.csv`. The code uses `d3.scaleTime` for the time axis, `d3.scaleLinear` for population, and `d3.area` with `curveBasis` to generate a smooth filled path. Axis labels and ticks are rendered with `d3.axisBottom` and `d3.axisLeft`, with population formatted in billions.

JJames Barbour, Jr.
90% match
Loading thumbnail…

World population area chart

This area chart visualizes global population growth over time, with a maroon filled curve set against a clean SVG backdrop. Using D3 v5, the code loads CSV data from VizHub, maps years to a time scale and population values to a linear scale, then applies `d3.area()` with `curveBasis` for smoothing. Axes are generated via `axisBottom` and `axisLeft`, with population labels formatted as billions (e.g., “7.0B”). The chart also includes custom tick styling, a rotated y-axis label, and a title from the provided dataset.

MMouad Et-tali
90% match
Loading thumbnail…

World Population Area Chart

This visualization shows global population growth over time as a smooth, filled area chart. It uses D3 v5 with `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.area` with `curveBasis` to generate the SVG path. The data comes from a CSV file provided via VizHub, with population values formatted in billions. Axis labels, ticks, and a title are added using `d3.axisBottom` and `d3.axisLeft`.

JJaKokosz
90% 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
90% match
Loading thumbnail…

World population

This example displays world population trends over time using an area chart, with the x-axis representing years and the y-axis showing population counts. The visualization renders as an SVG with a maroon, partially transparent filled area and axis labels. The code uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, `axisBottom`, `axisLeft`, and `curveBasis` for smoothing, and loads population data from a CSV file. The dataset spans multiple years, with values formatted using `d3.format`.

PPeter S
90% match