Skip to main content
SimilarExport ZIP
100%

Line Chart Linear Y Axis

✓ Published1🌍 Public
OOleg Zhernovoy
Last edited Dec 17, 2022
Created on Dec 17, 2022

A line chart displays the global cumulative count of COVID-19 deaths over time, with the y-axis scaled linearly from zero to the maximum total. Both the time-based x-axis and linear y-axis are rendered as SVG gridlines using D3 v7’s `axisBottom` and `axisLeft`, while the line is generated with `d3.line`. Interactive hover and marker lines are defined in separate `XMarkerline` and `YMarkerline` components, though they are not called in the main chart. Data comes from raw CSV files loaded via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displays the cumulative global death toll from COVID-19 over time. The y-axis uses a linear scale starting at zero, while the x-axis maps dates. The visualization uses D3.js (v7) and React (v18) to render the SVG path, with axes generated by `axisBottom` and `axisLeft`. Data is loaded from a CSV file of global deaths and aggregated by date. Grid lines are styled with a light gray color.

Vvmonney
91% match
Loading thumbnail…

Coronavirus Linear Y Axis

This visualization displays global cumulative COVID-19 deaths over time using a line chart with a linear y-axis scale. The data comes from a CSV file containing time-series death totals, aggregated by summing all countries’ daily counts. The chart employs React with D3 v7, using `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` to generate the SVG path. Gridlines are drawn via `axisBottom` and `axisLeft` with tick sizes, while marker lines highlight the most recent date and annotate values alongside the axes.

BBen Brophy
90% match
Loading thumbnail…

Coronavirus Linear Y Axis

This chart visualizes global COVID-19 death totals over time using a linear Y axis, with a black line path showing the cumulative deaths and gridlines from D3 axes. The example uses React and D3 v6, with `scaleTime`, `scaleLinear`, and `line` from d3 to generate the SVG path, while `axisBottom` and `axisLeft` render the tick marks. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via `csv` and transformed with `timeParse`. Marker line components display a vertical reference at a specific date and a horizontal “1M” threshold.

WWolfgang
90% match
Loading thumbnail…

Coronavirus line chart - Linear Y Axis

A line chart displays cumulative global COVID-19 deaths over time, sourced from the Johns Hopkins Coronavirus Dataset. The chart uses a linear y-axis scale (d3.scaleLinear) and a time-based x-axis (d3.scaleTime), with the line path generated via d3.line. React manages component state, while d3.axisBottom and d3.axisLeft render the axes with tick marks extending across the plot area. SVG elements draw the chart, styled with CSS for gridlines and the line stroke.

YYedrup
90% match
Loading thumbnail…

Line Chart Log Y Axis

This line chart displays global COVID-19 death totals over time, using a logarithmic y-axis to make early exponential growth visible while accommodating later high values. Built with React and D3 v7, it uses `d3.scaleLog` for the y-scale, `d3.scaleTime` for dates, and `d3.line` for the path. Data comes from the CSSE COVID-19 time series CSV, aggregated by summing daily deaths across all countries. The chart includes gridlines via `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using "~s" notation.

OOleg Zhernovoy
89% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displays cumulative COVID-19 deaths over time on a linear y-axis, using data from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University. React components render an SVG with d3.scaleTime and d3.scaleLinear axes, while d3.line generates the path. Dashed marker lines annotate specific dates and death totals, and gridlines are styled via tick size and CSS.

KK3zter
89% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart tracks cumulative global COVID-19 deaths over time on a linear y-axis, with the x-axis showing dates from the start of the pandemic to the most recent day. The visualization highlights the exponential growth trajectory of mortality counts, using a black stroke-width of five pixels for the line. Built with React and D3 v5, it employs `scaleTime`, `scaleLinear`, and `line` generators, with axes rendered via `axisBottom` and `axisLeft`. Data comes from the CSSEGISandData COVID-19 time series on GitHub, aggregated by summing daily death totals across all countries.

MMichael Bruno
89% match
Loading thumbnail…

Coronavirus Linear Y Axis

This chart shows global COVID-19 deaths over time on a linear y-axis, using a single bold black line to trace cumulative totals from COVID-19 data aggregated from the CSSE Johns Hopkins repository. The chart includes gridlines from both the d3.axisBottom and axisLeft components, with SVG marker lines and labels indicating the current date and the one-million-death threshold. The React component structure uses d3.scaleTime and d3.scaleLinear for positioning, while d3.line generates the path, with axes and markers rendered as separate modular components.

KKevin McMorrow
89% match