Skip to main content
SimilarExport ZIP
100%

New line chart

✓ Published1🌍 Public
HHenri Lappalainen
Last edited Aug 4, 2019
Created on Aug 4, 2019

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

New line chart

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.

Ppeterelhajj
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
82% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays weekly total deaths in a specific location, comparing the current year’s figures against a five-year average, with the current year highlighted in red and the average shown as a dashed steel-blue line. The x-axis is a time scale parsing dates from the CSV, while the y-axis is linear. Built with D3 v5, the visualization uses `d3.scaleTime`, `d3.line`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG paths and axes. The data originates from a CSV file with historical mortality records.

Rrichad97
73% 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
72% 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
72% 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
72% match
Loading thumbnail…

Fork of Fork of Line_Stroke_Death

This line chart displays average life expectancy by year, using a single orange stroked path to trace the trend over time. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` for smoothing. The SVG renders within a fixed 960x500 viewport, with data parsed from a CSV hosted on a GitHub gist. The chart includes labeled axes for “Year” and “Averag_Life_Expectancy,” with gridlines drawn via tick sizes, and a title placed above the plot area.

GGogineni44
71% match
Loading thumbnail…

Line Chart

This example shows world population trends as a line chart, plotting year on the x-axis against percentage on the y-axis. The chart uses D3 v5 with an SVG rendering approach, employing `scaleTime` and `scaleLinear` for the axes and `line` to generate the path. Data is loaded from a CSV file via `csv`, with axes labeled and styled using `axisBottom`, `axisLeft`, and CSS. The line is drawn with a pink stroke, and the chart includes a title and axis labels.

TTejaswicmandava
71% match