Dataviz 2020_Ep50 - 41. Corona virus Line Chart

Dataviz 2020_Ep49 - 40. Corona virus Line Chart - Preliminary

This example shows a line chart tracking global cumulative COVID-19 deaths over time, with a horizontal marker line at three million deaths. The React component uses d3.scaleTime and d3.scaleLinear for axes, while d3.line generates the path from CSV data. Data originates from the Johns Hopkins CSSE COVID-19 time series, fetched via d3.csv and aggregated by summing daily country values in useData.js. The SVG rendering applies a thick black stroke via CSS, with a fixed viewport sized to the browser window.

95% match

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

93% match

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

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.

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

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

Dataviz 2020_Ep53 - 45. Coronavirus Deaths Over Time by Country

This visualization displays cumulative coronavirus deaths over time for each country, with multiple colored lines representing different nations on a logarithmic y-axis. The chart uses React with D3 v6’s `scaleTime`, `scaleLog`, and `line` functions to generate SVG paths, while the data comes from a CSV file of global COVID-19 deaths. The x-axis is labeled “Time” and the y-axis “Cumulative Deaths,” with grid lines to aid comparison across countries.

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.

90% match