New line chart

100%

New line chart

✓ Published0🌍 Public

Last edited Aug 4, 2019

Created on Aug 4, 2019

This visualization displays Finland’s population data from 2018, comparing the number of live births and deaths per thousand people over time. Two smoothed line paths represent the two metrics, colored to distinguish them. A color legend identifies the series, while axis labels and a title provide context. The chart is built with D3 v5, using `scaleUtc` and `scaleLinear` for scaling, `curveBasis` for line smoothing, and SVG for rendering. Data is loaded from a CSV file, with both metrics divided by 1000 for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

New line chart

This chart visualizes Finnish population data, comparing the number of deaths and live births per year as smoothed line paths over time. A color legend distinguishes the two categories, with both lines rendered using an SVG path generated by D3’s `line` and `curveBasis` functions. The visualization uses `d3.scaleUtc` for the time axis, `scaleLinear` for the population counts, and `axisBottom`/`axisLeft` for gridlines and ticks. Data is loaded from a CSV file and scaled to thousands, with a title and axis labels included.

HHenri Lappalainen

94% match

Loading thumbnail…

Amount of born and died people in Finland

This visualization shows the number of people born and died in Finland over time, with a hover interaction revealing the population, births, and deaths for a selected year. The chart uses a line graph with two colored paths representing births and deaths, alongside a legend and a data display panel. It is built with D3.js v5, using scales such as `scaleUtc` and `scaleLinear`, as well as `axisBottom` and `axisLeft`. The data is loaded from a CSV file, and rendering uses SVG with mouse events to update the display.

HHenri Lappalainen

84% match

Loading thumbnail…

27 - melting data for multiple lines - dataviz 2018

A multi-line chart displays population trends over time for various countries and regions, using the United Nations population estimates and projections dataset. The visualization employs multiple vertical reference lines to highlight the current year, a hovered year, and a selected year, which users can change by clicking on the chart. The D3 code uses `d3.nest` to group data by region and `d3.line` with `d3.curveBasis` to draw the smoothed paths, while `d3.scaleOrdinal` and `d3.schemeCategory10` assign colors. A custom color legend function renders the region names and color swatches.

Zzach b.

71% match

Loading thumbnail…

linechart

This line chart visualizes world population trends from 2010 to 2020, with time on the x-axis and population count on the y-axis. The chart is rendered as an SVG using D3 v5, with the line path styled in violet and grid lines in green. The code imports components like `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes, and parses CSV data from a GitHub gist. Data values are formatted and axis labels are customized through D3’s `axis` and `text` APIs.

Vvaddepallinaveen

71% match

Loading thumbnail…

Line Chart

This line chart visualizes the evolution of Spain's population from 1900 to 2014, plotting live births and deaths over time. The visualization uses D3.js version 3.5.17, employing a time-scale for the x-axis, a linear scale for the y-axis, and SVG rendering. It features Voronoi diagrams for mouseover interaction, with a tooltip that remains always visible. The data is sourced from Wikipedia and loaded from a CSV file.

LLuisSevillano

71% match

Loading thumbnail…

Fork of Line Chart

This visualization presents a line chart of population over time for different countries, with the year on the x-axis and current population on the y-axis. The code uses d3.csv to load population data from a GitHub gist, then applies d3.scaleTime and d3.scaleLinear to map the data, and d3.line to generate the path. The SVG rendering includes axis labels and a title, with the line path styled in red via CSS. The example demonstrates a straightforward data-driven chart using D3 v5.

0057SatvikDamera

71% match

Loading thumbnail…

Line Chart

This line chart visualizes world population over time by region, with each region drawn as a distinct colored line on an SVG canvas. The chart uses D3 v5 APIs including `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with curveBasis, and `d3.nest` to group data. Population estimates from 1950–2014 and medium-variant projections from 2015–2100 come from UN datasets loaded via `d3.csv`. A color legend using `d3.scaleOrdinal` maps regions, and a vertical line marks the year 2021, with mouse interaction logging hovered years to the console.

BBKirst3

70% match

Loading thumbnail…

World Population: Area Chart

This area chart displays simulated world population figures from 2020 to 2025, with values declining from 5,541 to 5,497. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the x-axis and `scaleLinear` for the y-axis. The code builds the chart using `area`, `axisBottom`, and `axisLeft`, with gridlines and rotated axis labels. The Finnish title and comic-style font indicate a localized example, while the data appears to be sample values rather than real demographic records.

JJoel Lamsijärvi

70% match