Area chart

100%

Area chart - Romanian GDP

✓ Published0🌍 Public

Last edited Jan 14, 2021

Created on Jan 14, 2021

This area chart shows the evolution of urban population in Romania from 1960 to 2019, based on World Bank data. The visualization uses D3 v6 to render an SVG, employing `scaleTime` and `scaleLinear` for the axes, an `area` generator to create the filled region, and `axisLeft`/`axisBottom` with gridlines. The chart features a clear title, labeled axes with formatted tick values, and an orange semi-transparent fill to highlight the population trend over time.

AI-generated description

This area chart represents the evolution of urban population in Romania. Source: WorldBank.

MIT Licensed

Similar vizzes

Loading thumbnail…

Urban Population Area Chart

This area chart displays the change in Serbia’s urban population from 1960 to 2019, using World Bank Indicators data. The visualization uses D3.js (v5) to render an SVG area chart with a smooth curve, drawing data from a CSV file. It employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` with `curveBasis` for the filled region, and `d3.axisBottom` and `d3.axisLeft` for labeled ticks. The chart’s title and axis labels are added as SVG text elements.

BbeauMarko

76% match

Loading thumbnail…

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

70% match

Loading thumbnail…

GDP Balkan

This chart displays the GDP of Serbia, Slovenia, Croatia, and Romania from 1995 to 2019, using overlapping thick lines to trace each country’s economic trajectory over time. The visualization relies on React for structure and D3 v6’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` to map years, GDP values, and country colors onto an SVG canvas. Data is loaded from a CSV file via D3’s `csv` function, with axes rendered as custom components and line paths generated using D3’s `line` generator.

BbeauMarko

70% match

Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays unemployment trends across education levels in Cluj, Romania, from April 2019 to March 2020, showing monthly counts for categories such as gimnazial, liceal, and universitar. The visualization uses d3.scaleBand for the time axis, d3.scaleLinear for the count axis, and d3.line with curveBasis to generate smooth paths. Multiple lines are colored using d3.scaleOrdinal with schemeCategory10, and a custom colorLegend component renders the legend. Data is loaded as JSON via d3.json from a local API endpoint, and the SVG rendering includes gridlines, axis labels, and a title.

Sstefichim

70% match

Loading thumbnail…

Area chart - Population

This area chart visualizes world population over time from a CSV dataset, using a smooth curved path to show population growth from 1960 to 2015. The chart renders as an SVG, with a blue filled area beneath the line and labeled axes for year and population. The code uses d3.csv, d3.scaleTime, d3.scaleLinear, d3.area with a curveBasis generator, and d3.axisBottom and d3.axisLeft to construct the visualization.

Vvkanotra

70% match

Loading thumbnail…

Area Chart

This area chart visualizes world population trends from 2010 to 2020 using a line to trace yearly values and a filled yellow region beneath it to emphasize magnitude. Built with D3 v5, the visualization loads a CSV dataset and applies time and linear scales to map years and population counts. The SVG output features styled axes with tick marks, axis labels, and a smoothed curve generated through d3.line and d3.area with curveBasis. The chart demonstrates population growth over the decade while showcasing D3's data binding and SVG rendering capabilities.

Vvaddepallinaveen

69% match

Loading thumbnail…

D3-6: Area Charts 2

This area chart visualizes world population from 1960 to 2015 using a time-series line graph. The visualization is built with D3 v7, using `d3.area()` with a basis curve to create a filled area beneath the line, while `d3.axisBottom` and `d3.axisLeft` render gridlines and formatted tick labels. The chart loads CSV data from a VizHub dataset and renders to SVG, with a steel-blue stroke and blue fill for the area.

Bbkopruluoglu3

69% match

Loading thumbnail…

World Population Area Chart

This area chart visualizes world population growth over time, using a smooth curved path to show the trend. Built with D3 v5, it loads CSV data and maps years to a time scale and population values to a linear scale. The SVG rendering includes axis labels, grid lines, and a title, with the area filled in maroon and styled via CSS. The code uses `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`.

LLucas Meirelles

69% match