Skip to main content
SimilarExport ZIP
100%

Corona Virus LineChart with LogScale

✓ Published2🌍 Public
SShanmukh
Last edited May 23, 2024
Created on May 23, 2024

This chart displays the global cumulative death toll from COVID-19 over time, using a line plot with a log-scaled Y-axis to better reveal the exponential growth trend. The visualization is built with React and D3 v5, where D3’s `scaleTime` and `scaleLinear` handle the axes, and the `line` generator traces the path. Data is loaded from the CSSE COVID-19 time series CSV, aggregated by day, and rendered as an SVG within a React component, with marker lines highlighting the current date and a death count of six million.

AI-generated description

Smiley face implementation with React & D3, using a React component.

MIT Licensed

Similar vizzes

Loading thumbnail…

Corona Virus LineChart with Labels

This visualization shows the global cumulative COVID-19 death toll over time using a line chart. It employs a logarithmic y-axis to display the exponential growth, with labeled axes and a marker line referencing the most recent date and six million deaths. Built with React and D3 v5, the chart uses `scaleTime` and `scaleLog` to map data, `line` to generate the path, and `axisBottom`/`axisLeft` for the axes, drawing data from the CSSEGISandData COVID-19 GitHub repository.

SShanmukh
96% match
Loading thumbnail…

CoronaVirus Log Chart

This visualization displays the global cumulative death toll from COVID-19 over time, using a logarithmic y-axis to accommodate the exponential growth in fatalities. The line chart is built with React and D3 v5, using `scaleLog` and `scaleTime` to map death totals to the date range. The `line` generator creates the path, while custom `XAxis` and `YAxis` components use `axisBottom` and `axisLeft` with grid lines. Data comes from the CSSEGISandData COVID-19 time series repository, aggregated by summing daily country-level deaths.

33ssalunke
94% match
Loading thumbnail…

CoronaVirus LOG scale Chart

This chart visualizes the global cumulative death toll from COVID-19 over time, using a logarithmic y-axis to accommodate the wide range of values from 1 to the current total. The line chart updates over the pandemic's progression, with the final data point labeled with the total death count. Built with React and D3 v5, it loads data from the JHU CSSE COVID-19 time series CSV, transforms it by summing daily global deaths, and renders an SVG with a time-scaled x-axis and log-scaled y-axis. Axis components use D3's `axisBottom` and `axisLeft` for gridlines and tick marks.

AAmir
93% match
Loading thumbnail…

Corona Virus LineChart

This example shows the global total COVID-19 deaths over time as a single black line chart, with a horizontal marker line at six million deaths. The data comes from the CSSE COVID-19 time series CSV, aggregated daily across all countries. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to map dates and death totals to SVG coordinates, while the marker line is drawn with a simple SVG `<line>` element at a fixed y-value.

SShanmukh
93% match
Loading thumbnail…

CoronaVirus Line Chart

This visualization displays the global cumulative death toll from COVID-19 over time as a single black line chart. It uses a React component with D3 v5 scales (`scaleTime`, `scaleLinear`) and a `line` generator to plot data from the JHU CSSE COVID-19 time series dataset. Dashed horizontal markers label key thresholds (10,000 to 2,000,000 deaths) via a custom `YMarkerLine` component, which draws SVG `<line>` elements and formatted text labels. The chart fills the browser window and updates when new data is loaded.

AAmir
93% match
Loading thumbnail…

Corona Virus LineChart with Axes

This interactive chart displays global COVID-19 deaths over time using a single black line path, with horizontal and vertical marker lines highlighting the six-million-death milestone and the most recent date. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` from d3-shape to generate the SVG path, while `axisBottom` renders the time axis. The data comes from the CSSEGISandData COVID-19 GitHub repository and is aggregated daily. The chart dynamically updates to fill the browser window, with subtle gray gridlines and labeled annotations.

SShanmukh
92% match
Loading thumbnail…

Corona Virus Log Y Axis

This example visualizes global COVID-19 death totals over time, using a logarithmic y-axis to better display the rapid exponential growth curve. The chart is built with React and D3 v5, employing `d3.scaleLog` for the y-scale and `d3.scaleTime` for the x-axis, with data sourced from the CSSEGISandData COVID-19 time series. Interactive gridlines and marker lines highlight the current date and the six-million death threshold.

SShanmukh
92% match
Loading thumbnail…

CoronaVirus Line Chart

A line chart displays the cumulative global death toll from COVID-19 over time, based on data from the CSSE at Johns Hopkins University. The chart marks the most recent date with a vertical “now” line and highlights thresholds at one and two million deaths with horizontal reference lines. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the SVG path from a dataset transformed from CSV by summing daily death totals across all countries.

33ssalunke
92% match