Skip to main content
SimilarExport ZIP
100%

Yifu's World Population Dataset

✓ Published0🌍 Public
YYifu Chen
Last edited Dec 26, 2019
Created on Dec 26, 2019

This visualization shows global population growth from 1960 to 2015 using an area chart with overlaid circles for each data point. The chart displays population on the y-axis and year on the x-axis, with a steel-blue filled area and semi-transparent circles. It uses d3.csv, d3.scaleTime, d3.scaleLinear, d3.area, d3.curveBasis, d3.axisBottom, and d3.axisLeft to render the SVG. The data comes from the Data Canvas - Sense Your City dataset. Gridlines span the plot, and axis labels clarify the variables.

AI-generated description

Yifu's simple line chart

I created the visualization following this tutorial.

Data source: Data Canvas - Sense Your City.

Dec. 24, 2019

MIT Licensed

Similar vizzes

Loading thumbnail…

World Population

This visualization shows the growth of world population from 1950 to 2015 using an area chart with overlaid circular data points. The chart plots year on the x-axis and population on the y-axis, with a yellow filled area and semi-transparent red circles marking each data point. Built with D3 v5, the code uses `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.curveBasis` to generate the smooth area path, while `d3.axisBottom` and `d3.axisLeft` create labeled axes. The data is loaded from a CSV file hosted on vizhub.com, and the SVG output features styled tick marks, axis labels, and a title with custom formatting.

MMunTatt Yap
83% match
Loading thumbnail…

World population 2015

The visualization shows global population growth over time as a filled area chart. The chart plots population on the y-axis against years on the x-axis, using a steelblue semi-transparent area to represent the data. The code leverages d3.scaleTime and d3.scaleLinear for the axes, with d3.axisLeft and d3.axisBottom generating the gridlines and labels. Data comes from a CSV file loaded via d3.csv, and the area shape is created using d3.area. The SVG rendering includes a title and custom axis labels for time and population.

JJacob van Lingen
82% match
Loading thumbnail…

World Population Area Chart

This area chart displays global population growth from 1950 to 2015 using an SVG canvas. The visualization employs D3.js v5 with a time-scaled x-axis and linear y-axis formatted in billions, with the population data drawn as a smoothed maroon area using `d3.area` and `d3.curveBasis`. The chart includes labeled axes, a title, and a grid created through D3’s `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs, with data loaded from a CSV file.

Jjingwg3@163.com
81% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes global population growth from 1950 to 2015, with the x-axis showing years and the y-axis showing population in billions. The area under the curve is filled with steelblue using d3.area and curveBasis for smoothing. Axes are rendered with d3.axisLeft and d3.axisBottom, featuring rotated labels and tick formatting that abbreviates large numbers. Data is loaded from a CSV file using d3.csv, with years parsed as dates and populations as numbers, then scaled with d3.scaleTime and d3.scaleLinear.

PPioustu
81% match
Loading thumbnail…

World population area chart

This area chart visualizes global population growth from 1990 to 2020 using a maroon-filled path with a smooth basis curve. The SVG rendering relies on d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and the d3.area generator with curveBasis to create the filled region. Axis labels and a title are added via SVG text elements, with tick formatting that abbreviates billions. Data comes from a CSV file loaded asynchronously with d3.csv.

YYoram
81% match
Loading thumbnail…

World Population by 2015

This visualization shows the growth of world population from 1960 to 2015 using a filled area chart with a smooth curved baseline. The code uses d3.csv to load the data, then applies d3.scaleTime and d3.scaleLinear for the x and y axes, with d3.area and d3.curveBasis to generate the path. Axis labels and a title are added via SVG text elements, and grid lines are drawn through tick sizes. The y-axis formats values in billions using d3.format.

Ffahmijaafar
81% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes world population growth from 1950 to 2015, using a smooth, filled curve to show the total population over time. The chart employs D3’s `area` generator with a `curveBasis` for the smooth line, and uses `scaleTime` and `scaleLinear` for the axes. Data is loaded from a CSV file via `csv()`, with a y-axis tick formatter that converts large numbers to billions.

RRoger Yu-Hsiang Lo
81% match
Loading thumbnail…

World Population Area Chart

This world population area chart displays global population growth over time, with the y-axis labeled in billions and the x-axis representing years. The visualization uses an SVG area chart where the filled region beneath the curve is rendered in maroon. Built with D3 v5, the code employs `d3.scaleTime` for the time axis, `d3.scaleLinear` for population values, and `d3.area` with `curveBasis` to generate the smooth filled path. Data comes from a CSV file of world population by year, processed and mapped to date objects for the time scale.

Zzhangzy1989
81% match