Skip to main content
SimilarExport ZIP
100%

Corona Virus LineChart with Labels

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

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.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Corona Virus LineChart with LogScale

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.

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…

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

Corona Deaths Labels

This example displays a line chart of global cumulative COVID-19 deaths over time, using a logarithmic y-axis to accommodate the data’s exponential growth. The visualization is built with React and D3 v5, rendering an SVG path generated by `d3.line`, with axes created via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from the Johns Hopkins CSSE time-series CSV using `d3.csv`, and dates are parsed with `d3.timeParse`. The chart includes gridlines, axis labels, and a headline, with styling applied through CSS.

Nnexus1058
94% 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

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

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
Loading thumbnail…

CoronaVirus Line Chart with Axis

The chart shows the global cumulative death total from the COVID-19 pandemic over time, using a line path drawn with D3 v5’s `line` generator and scales from `scaleTime` and `scaleLinear`. Horizontal markers at 10,000, 100,000, 500,000, 1,000,000, and 2,000,000 deaths are rendered as rudimentary y-axis gridlines with labels, and the x-axis is built with `axisBottom` and custom tick sizing. Data comes from the Johns Hopkins University CSSE time series CSV, fetched via `d3.csv`, and the visualization is implemented as a React component rendering an SVG.

AAmir
92% match