Plotly Line Chart Absolute

100%

Plotly Line Chart Absolute

✓ Published0🌍 Public

Last edited Sep 22, 2021

Created on Aug 21, 2021

This chart shows monthly HMIS live births in Kerala from April 2017 to March 2020, comparing total births against urban and rural totals using three spline line series with markers. The visualization uses Plotly’s `Plotly.newPlot` with `Plotly.d3.csv` to load and parse the CSV data. The x-axis is formatted as dates with a `%b %Y` tick format, the y-axis starts at zero, and a horizontal legend sits above the plot. The chart highlights seasonal patterns and the persistent divide between rural and urban birth volumes over the three-year period.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Plotly Line Chart Percent

This example shows seasonal trends in live births across Odisha, India, by plotting monthly percentages for total, rural, and urban births from April 2017 to March 2020. Three spline-connected line traces with markers distinguish the categories, and a red dashed horizontal reference line marks a baseline value. The visualization is built with Plotly.js, loading data from a CSV file via `Plotly.d3.csv` and constructing the chart with `Plotly.newPlot`. The x-axis uses date formatting for month and year, while the layout includes a titled legend and custom tick styling.

AAsmabee Khan

82% match

Loading thumbnail…

Line Chart

This line chart shows the population of India from 2010 to 2022, with years on the x-axis and population on the y-axis. The chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` to render the data as an SVG path. The data is loaded from a CSV file hosted on GitHub, with population values parsed as numbers. The chart features grid lines, axis labels, a title, and a green line styled with CSS.

AAkhila-Battula

64% match

Loading thumbnail…

household.csv

This interactive scatter plot visualizes induced abortions over time using a dataset from a GitHub-hosted CSV file. Built with D3.js (version 6.7.0), the chart maps the period on the x-axis and induced abortion counts on the y-axis using linear scales. The animation cycles through displaying each column as the x-value every two seconds, dynamically updating the axes and circles via the reusable `scatterPlot` function. The visualization employs SVG rendering with the "Share Tech" font and a clean, full-screen layout.

Bbindusreeja

63% match

Loading thumbnail…

Line Chart - India Population

This line chart displays India’s population over time, using a single line path to trace growth from 1960 to 2020. The visualization encodes years on a linear x-axis and population counts on a y-axis, with axes formatted via `d3.axisBottom` and `d3.axisLeft`. Data is fetched from a CSV file using `d3.csv`, then parsed into year-population pairs. The chart is rendered as an SVG using `d3.line` and `d3.scaleLinear`, with a steelblue stroke and margins applied through a translated group element.

Ssumanthsomu1

63% match

Loading thumbnail…

Linechart_Jasvitha-ICE7

The chart shows United States birth rates from 1950 to the present as a line graph, with the year on the x-axis and the birth rate on the y-axis. It uses D3 v7’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` functions to render an SVG path with a purple stroke. The data is loaded from a CSV via `d3.csv` and parsed for numeric and date values before being drawn.

JJasvitha Allamsetty

62% match

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

62% match

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

61% 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

61% match