Corona Deaths Live Table

Corona Deaths Log Scale

This chart displays the global cumulative number of COVID-19 deaths over time, using a line graph with a linear y-axis. The data is loaded from the Johns Hopkins COVID-19 dataset via `d3.csv`, then transformed by summing daily death totals across all countries. The visualization uses `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis, with the line generated by `d3.line`. Axes are rendered using `d3.axisBottom` and `d3.axisLeft` within a React component, output as SVG with gridlines.

92% match

CORONA Live chart

The CORONA Live chart displays the cumulative global death toll from COVID-19 over time as a single black line, with a horizontal marker at one million deaths and a vertical marker at the latest date. It renders as an SVG using React components and D3 v5 scales (`scaleTime`, `scaleLinear`) and a `line` generator. Data is loaded via `d3.csv` from the Johns Hopkins CSSE time-series dataset, aggregated daily by summing death counts across all countries.

KKolezhannochka

92% match

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.

91% match

CORONA Live chart React + d3 axes

This chart shows the global cumulative number of COVID-19 deaths over time, with the line rising sharply as the pandemic progresses. The visualization uses React components for structure and D3 v5 scales, axes, and line generator for the SVG rendering. A horizontal marker line highlights the one-million-death threshold, while a vertical marker indicates the latest date. Data comes from a CSSE time-series CSV, which is fetched and aggregated using d3.csv and d3.timeParse. Custom XAxis and marker components leverage d3.axisBottom and React refs for drawing gridlines.

KKolezhannochka

Corona Deaths by Country, Labels

This line chart displays cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide value ranges. Each country’s time series is rendered as a black SVG path, generated with d3.line, while d3.scaleTime and d3.scaleLog map dates and death totals. The chart is built with React and D3 v5, with axes drawn via d3.axisBottom and d3.axisLeft, using data from the Johns Hopkins Coronavirus dataset.

Corona Deaths by Country

This chart displays cumulative COVID-19 deaths over time for multiple countries, with each country represented by a colored line. It uses a logarithmic y-axis to accommodate wide variations in death tolls. The visualization is built with React and D3 v5, employing `d3.scaleTime` and `d3.scaleLog` for axes, and D3’s `line` generator for paths. Data is loaded from the Johns Hopkins CSSE time-series CSV, parsed with `d3.csv` and `d3.timeParse`, then rendered as an SVG with custom axis components.

Corona Virus Line Chart

A line chart tracks cumulative COVID-19 deaths over time, using a time-scaled x-axis and linear y-axis. The React component `LineChart` builds an SVG path via `d3.line`, `scaleTime`, and `scaleLinear`, while `useData` fetches the Johns Hopkins CSSE global deaths CSV and aggregates daily totals. The black, 15-pixel-wide stroke renders the full dataset at window dimensions.

MMichael Bergerson

Corona Deaths Linechart with Marker Line

The chart displays global cumulative COVID-19 deaths over time as a thick black line, with a red horizontal marker line fixed at 3 million deaths. Built using React and D3 v5, it renders an SVG path via `d3.line()` with time and linear scales (`scaleTime`, `scaleLinear`). The line’s y-coordinate is derived from the `deathTotal` field, which sums daily death counts from the JHU CSSE time-series CSV. The marker line’s position is computed using the same y-scale, and both elements are drawn directly in the JSX.