Skip to main content
SimilarExport ZIP
100%

area plot

✓ Published0🌍 Public
MMd Fahimul Kabir Chowdhury
Last edited Oct 26, 2025
Created on Oct 26, 2025

This area chart shows the total world population from 1970 to 2022, summing population values across all countries for each year. The x-axis displays years, while the y-axis represents people, formatted with SI prefixes. Built with D3 v7, it loads CSV data, filters year-specific columns, and uses `d3.area` with a monotone curve to render the filled path. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the SVG output includes labeled axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Area chart - Population

This area chart visualizes world population trends over time, with the y-axis showing population in billions and the x-axis representing years. The data comes from a CSV file loaded via d3.csv, with each year parsed as a Date object and population as a number. The chart uses d3.scaleTime and d3.scaleLinear for axes, d3.area with a curveBasis curve to generate the filled path, and d3.axisLeft and d3.axisBottom for gridlines and tick labels. SVG is the rendering approach, with styling applied through CSS classes.

Vvkanotra
88% match
Loading thumbnail…

Area chart

This area chart displays world population trends over time, with the x-axis representing years and the y-axis showing population counts in billions. The chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate a smooth filled path, while `axisBottom` and `axisLeft` render gridlines and tick labels. Data is loaded from an external CSV file via `d3.csv`, with population values formatted using `d3.format`. The visualization includes rotated axis labels and a centered title, all rendered as SVG elements.

JJason-Manbodh
88% match
Loading thumbnail…

Area chart

This area chart displays world population trends over time, with the x-axis representing years and the y-axis showing population counts in billions. The chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate a smooth filled path, while `axisBottom` and `axisLeft` render gridlines and tick labels. Data is loaded from an external CSV file via `d3.csv`, with population values formatted using `d3.format`. The visualization includes rotated axis labels and a centered title, all rendered as SVG elements.

JJason-Manbodh
88% match
Loading thumbnail…

area chart world population

This area chart displays world population trends from 1950 to 2015, with population in billions on the y-axis and time on the x-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, `axisLeft`, and `axisBottom` to render the filled path and axes as SVG elements. Data comes from the UN World Population Prospects 2017 dataset, loaded via `d3.csv`. The chart includes gridlines, labeled axes, and a title, with a beige background and black filled area.

JJames Malvern
87% match
Loading thumbnail…

World population area chart

This visualization shows global population trends over time as a filled area chart, with the x-axis mapping years and the y-axis representing population counts. The chart uses an area generator from D3 v5 to create a smooth, curved region beneath the line, rendered as SVG paths. Data is loaded from a CSV file using `d3.csv`, with population values scaled by 1000 and years parsed as dates. Axes are configured with `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleTime` and `d3.scaleLinear` handle the scales for time and population.

RRiccardo Pressiani
87% match
Loading thumbnail…

Area chart

This area chart visualizes world population trends from 1950 to 2015, with the x-axis mapping years and the y-axis representing population counts (in billions). The chart uses a smooth curve to fill the area beneath the population line. Built with D3 v5, it employs `scaleTime`, `scaleLinear`, `area`, and `axisBottom`/`axisLeft` to render the SVG. Data is loaded asynchronously from a CSV file via `d3.csv`, with population values parsed as numbers and years as dates.

Bbencestubnya
87% 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
87% 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
87% match