Skip to main content
SimilarExport ZIP
100%

Dataviz 2020_Ep52 - 43. Coronavirus Line Chart - Linear Y Axis

✓ Published1🌍 Public
MMinwoo Pak
Last edited Aug 5, 2021
Created on Aug 5, 2021

This visualization tracks global cumulative COVID-19 deaths over time as a single black line chart with a linear y-axis. The D3 line generator builds the path from daily date and death-total values processed from the CSSE COVID-19 time series dataset. React components render SVG axes with D3’s axisBottom and axisLeft, while scales use scaleTime and scaleLinear to map data to screen coordinates. Gridlines and tick marks provide reference points across the full chart area.

AI-generated description

Dataviz 2020_Ep10 - 6. Face Part 6 - Compartmentalizing Complexity

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dataviz 2020_Ep51 - 42. Coronavirus Line Chart - React and D3 Axes

This example shows the global cumulative COVID-19 death toll over time as a single black line chart, with a horizontal marker at 3.5 million deaths and a vertical “Now” marker at the most recent date. It uses React to render the SVG and D3 v6 scales (`scaleTime`, `scaleLinear`) and line generator (`line`) to plot the data, while custom `XAxis` and marker components handle axes and annotations. The data comes from the CSSEGISandData COVID-19 time series CSV, loaded and transformed with D3’s `csv` and `timeParse`.

MMinwoo Pak
93% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart plots cumulative global COVID-19 deaths over time on a linear y-axis, with red reference lines marking the current date and the three-million-death threshold. The visualization uses D3 v5 axes and scales within a React component, rendering an SVG with labeled gridlines. Data is loaded from the CSSEGISandData COVID-19 time series CSV, and the chart updates dynamically as the dataset grows.

Ee-ines
93% 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
92% 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
92% 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
92% 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
92% match
Loading thumbnail…

Coronavirus Linear Y Axis - no mark lines

This chart visualizes the cumulative death toll of the COVID-19 pandemic over time using a linear y-axis. It shows the steady increase of global deaths from the start of the pandemic to the present, with the data sourced from a CSV file provided by the CSSE at Johns Hopkins University. The visualization is built with React and D3 v5, leveraging `scaleTime`, `scaleLinear`, `line`, and `axisBottom`/`axisLeft` to render the axes and the thick black data path. The code includes commented-out marker line components, which are not actively used in the final rendering.

Ee-ines
92% match
Loading thumbnail…

Dataviz 2020_Ep52 - 44. Coronavirus Line Chart - Log Y Axis

This visualization shows the global cumulative death toll from COVID-19 over time, plotted on a logarithmic scale to reveal the exponential growth pattern. The line chart uses a time-based x-axis and a log-scaled y-axis, with the death totals aggregated from all countries. Built with React and D3 v6, it employs `scaleTime` and `scaleLog` for the axes, along with `line` and `axisBottom`/`axisLeft` for rendering. The data comes from the COVID-19 time series CSV maintained by CSSE at Johns Hopkins University.

MMinwoo Pak
92% match