Corona Deaths Log Scale

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

92% match

Corona Deaths Live Table

This line chart tracks global cumulative COVID-19 deaths over time, using a log-scaled y-axis to accommodate exponential growth. Data is sourced from the Johns Hopkins COVID-19 dataset via a CSV fetch with `d3.csv`, processed into daily totals, and rendered as an SVG path using `d3.line`, `d3.scaleTime`, and `d3.scaleLog`. React manages the component lifecycle, while `d3.axisBottom` and `d3.axisLeft` generate gridlines and tick labels.

92% match

Corona Deaths Log Y Axis

This line chart displays the total number of COVID-19 deaths over time, using a logarithmic y-axis to better show the exponential growth trend. The visualization pulls data from the Johns Hopkins COVID-19 dataset, which is loaded and transformed in the `useData` hook. The chart is built with React and D3 v5, using D3’s `scaleLog` for the y-axis, `scaleTime` for the x-axis, and the `line` generator for the path. Grid lines are drawn via the D3 axis functions, while the SVG rendering is handled explicitly in the `LineChart` component.

92% match

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

CORONA Log scale

The chart plots global cumulative COVID-19 deaths over time using a logarithmic scale for the y-axis, making early exponential growth visible while compressing later spikes. A black line connects daily totals aggregated from the CSSE COVID-19 time-series dataset. Built with React and D3 v5, it uses `scaleLog`, `scaleTime`, `line`, and `axisBottom`/`axisLeft` to render gridlines, labeled axes, and titled SVG output.

KKolezhannochka

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.

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 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.