Fork of World Population Area Chart

100%

Fork of World Population Area Chart

✓ Published0🌍 Public

Last edited Aug 30, 2021

Created on Aug 30, 2021

This area chart depicts world population from 1960 to 2015, with a maroon filled region and formatted axes labeling population in billions and time in years. The visualization uses D3 v5, including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `area` generator with `curveBasis`, rendering to SVG. Population data is loaded via `csv` from a VizHub dataset, with each year parsed as a `Date` and population as a number.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of World Population Area Chart

This area chart visualizes world population growth from 1950 to 2015, with the area filled in translucent maroon and axes labeled in sans-serif. It loads CSV data from VizHub, parses years as dates, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.area` with `curveBasis` to render the smooth shaded region in SVG.

Rraphman100

95% match

Loading thumbnail…

Fork of World Population Area Chart

This chart visualizes world population over time, using an area chart where the filled region represents population counts across years. The data is loaded from a CSV file and rendered as SVG. The visualization is built with D3 v5, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and an `area` generator with `curveBasis`. The y-axis labels are formatted using `format('.1s')` to display billions. The chart includes a title, axis labels, and grid lines, all styled via CSS. The underlying data spans historical population estimates up to 2015.

Aaidatabaeva

94% match

Loading thumbnail…

Fork of World Population Area Chart

This area chart visualizes world population growth over time, using a maroon filled area with a thick stroke to emphasize the upward trend. The chart includes labeled axes for time and population, with population values formatted in billions. Built with D3 v6, the visualization uses `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the smooth area path from CSV data. Axis labels and tick formatting are applied via `axisBottom` and `axisLeft`, with population data sourced from a 2015 world population dataset.

MMajaha21

94% match

Loading thumbnail…

Fork of World Population Area Chart

This area chart visualizes world population growth over time, using a maroon filled path to show the rising trend. The data spans historical years up to 2015 and is rendered as an SVG. The visualization employs D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and an `area` generator with `curveBasis`. Axis labels and a title are added, with population values formatted in billions. The data originates from a CSV file loaded via D3’s `csv` method.

Ddtrikannad

93% match

Loading thumbnail…

Fork of World Population Area Chart

This visualization shows global population trends over time using a filled area chart. The SVG displays a maroon curve representing population values across years, with labeled axes for time and population. The code uses D3.js v7 functions including `csv` for data loading, `scaleTime`, `scaleLinear`, `area`, `curveBasis`, and `axisBottom`/`axisLeft` to construct the chart. Population values are formatted using `format` to display billions, and data comes from a VizHub-hosted CSV dataset of world population by year.

Nnicoeltano

93% match

Loading thumbnail…

Fork of World Population Area Chart

This fork of the World Population Area Chart visualizes global population growth over time as a filled area chart, with time on the x-axis and population on the y-axis. The SVG rendering uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.area with a curveBasis curve. Population values are formatted in billions using d3.format. The data comes from a CSV file hosted on VizHub, and the title and axis labels are added as SVG text elements.

Yyouness-cyber

92% match

Loading thumbnail…

Fork of World Population Area Chart

This example visualizes world population growth over time as a filled area chart, using a smooth curve to show the trend from historical data to 2015. The chart displays population on the y-axis and time on the x-axis, with a title and labeled axes. It is built with d3.v5, using `scaleLinear`, `scaleTime`, `axisBottom`, `axisLeft`, and the `area` generator with `curveBasis` to create the smoothed path. Data is loaded via `csv` from a VizHub-hosted dataset, and the SVG is rendered with custom styling for ticks, labels, and the maroon-filled area.

Ddeep221b

92% match

Loading thumbnail…

Fork of World Population Area Chart

This area chart visualizes world population over time, using a filled path to emphasize the magnitude of growth across the years. The data is loaded from a CSV file provided by Curran, with population values parsed as numbers and years as dates. Built with D3 v5, the visualization uses `d3.area` with a basis curve, `scaleTime` for the x-axis, and `scaleLinear` for the y-axis, which formats values in billions. Axes are customized with grid lines and rotated labels, and the chart includes a title and axis annotations.

SSnapika

92% match