Skip to main content
SimilarExport ZIP
100%

Fortune 500 Area Chart

✓ Published1🌍 Public
Wwangjonathan
Last edited Sep 15, 2018
Created on Sep 15, 2018

This area chart visualizes world population over time, using a smooth curved path filled in maroon against a light gray grid. The D3 v5 code loads CSV data from a VizHub dataset and parses the year as a date and population as a number. It employs `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and an `area` generator with `curveBasis` to create the filled shape. Axis labels and a title are added as SVG text elements.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Area chart

This area chart visualizes world population growth over time, using a smooth filled curve to show the increasing trend. The chart is rendered with D3 v5 in SVG, pulling data from a CSV file of world population by year. The code uses `d3.area()` with a basis curve to generate the path, while `d3.scaleTime` and `d3.scaleLinear` handle the axes. Axis labels and a title are added via SVG text elements, with tick formatting that converts large population values to billions.

LLukas Schießer
86% match
Loading thumbnail…

World Population Area Chart.js

This area chart visualizes global population growth over time, with a smooth, curved region filled in maroon against a grid of axis ticks. The chart includes labeled axes for time and population, and a centered title. Built with D3 v5, it loads CSV data from a VizHub dataset, uses `scaleTime` and `scaleLinear` for scales, and generates the area shape with `d3.area` and `curveBasis`. Axes are rendered via `axisBottom` and `axisLeft`, with tick formatting that converts Giga to Billions.

Dddperdue
86% match
Loading thumbnail…

World Population Area Chart

This area chart displays global population trends over time, with a maroon-filled curved path encoding yearly population values from a CSV dataset. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and `area` generator with `curveBasis` to create the smooth area, while `axisBottom` and `axisLeft` render labeled axes with custom tick formatting. Data is loaded via `csv()` and rendered as SVG, with the y-axis labels shortened from billions to "B".

Ccledevoute
86% 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
86% 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
86% match
Loading thumbnail…

Area chart

This area chart shows global population growth over time, with a smooth, curved line filled in maroon against a clean white background. The visualization uses D3 v5 to render an SVG, pulling data from a CSV file containing yearly population figures. The code employs `scaleTime` and `scaleLinear` for the axes, `area` with `curveBasis` for the shaded region, and `axisBottom` and `axisLeft` for gridlines and tick labels.

Aarths-glitch
85% match
Loading thumbnail…

World Population Area Chart

This area chart displays world population growth by year, using a maroon-filled path over time to show the rising trend. It loads CSV data from a VizHub dataset, parses the year and population values, and renders an SVG chart with D3 v5. The code uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` with `curveBasis` for the smooth filled shape, and `d3.axisLeft` and `d3.axisBottom` for labeled gridlines.

Zzlastefcia
85% match
Loading thumbnail…

World Population Area Chart

This area chart visualizes world population growth over time, showing the upward trend across the years with a maroon-filled curve. The chart uses D3 v5 to load CSV data, create time and linear scales, and generate the area shape with the `area()` and `curveBasis` APIs. Grid-pattern axes are drawn with `axisLeft` and `axisBottom`, while custom formatting converts large population numbers into billions. The SVG rendering includes labeled axes, a title, and styled tick marks, with data sourced from a CSV file hosted on VizHub.

Mmla341
85% match