Coronavirus Linear Y Axis

Coronavirus Linear Y Axis

A line chart displays the cumulative global death toll from COVID-19 over time. The y-axis uses a linear scale starting at zero, while the x-axis maps dates. The visualization uses D3.js (v7) and React (v18) to render the SVG path, with axes generated by `axisBottom` and `axisLeft`. Data is loaded from a CSV file of global deaths and aggregated by date. Grid lines are styled with a light gray color.

Vvmonney

Coronavirus Linear Y Axis

A line chart tracks cumulative global COVID-19 deaths over time on a linear y-axis, with the x-axis showing dates from the start of the pandemic to the most recent day. The visualization highlights the exponential growth trajectory of mortality counts, using a black stroke-width of five pixels for the line. Built with React and D3 v5, it employs `scaleTime`, `scaleLinear`, and `line` generators, with axes rendered via `axisBottom` and `axisLeft`. Data comes from the CSSEGISandData COVID-19 time series on GitHub, aggregated by summing daily death totals across all countries.

MMichael Bruno

Coronavirus Linear Y Axis

This chart shows global COVID-19 deaths over time on a linear y-axis, using a single bold black line to trace cumulative totals from COVID-19 data aggregated from the CSSE Johns Hopkins repository. The chart includes gridlines from both the d3.axisBottom and axisLeft components, with SVG marker lines and labels indicating the current date and the one-million-death threshold. The React component structure uses d3.scaleTime and d3.scaleLinear for positioning, while d3.line generates the path, with axes and markers rendered as separate modular components.

KKevin McMorrow

Coronavirus Linear Y Axis

A line chart displays cumulative COVID-19 deaths over time on a linear y-axis, using data from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University. React components render an SVG with d3.scaleTime and d3.scaleLinear axes, while d3.line generates the path. Dashed marker lines annotate specific dates and death totals, and gridlines are styled via tick size and CSS.

KK3zter

Coronavirus Linear Y Axis

This visualization displays global cumulative COVID-19 deaths over time using a line chart with a linear y-axis scale. The data comes from a CSV file containing time-series death totals, aggregated by summing all countries’ daily counts. The chart employs React with D3 v7, using `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` to generate the SVG path. Gridlines are drawn via `axisBottom` and `axisLeft` with tick sizes, while marker lines highlight the most recent date and annotate values alongside the axes.

BBen Brophy

Coronavirus Linear Y Axis

A single red line traces the cumulative global death toll from COVID-19 over time on a linear y-axis, with a marker line and label indicating the one-million death milestone and a vertical “now” marker at the latest date. Built with React and D3 v6, the chart uses `scaleTime` and `scaleLinear` for axes, `line` for the path generator, and `axisBottom`/`axisLeft` for tick rendering. Data comes from a global time-series CSV of deaths provided by the CSSEGISandData repository, summed across countries per day.

AAndre J Denais

Coronavirus Linear Y Axis

This chart visualizes global COVID-19 death totals over time using a linear Y axis, with a black line path showing the cumulative deaths and gridlines from D3 axes. The example uses React and D3 v6, with `scaleTime`, `scaleLinear`, and `line` from d3 to generate the SVG path, while `axisBottom` and `axisLeft` render the tick marks. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via `csv` and transformed with `timeParse`. Marker line components display a vertical reference at a specific date and a horizontal “1M” threshold.

WWolfgang

Coronavirus line chart - Linear Y Axis

A line chart displays cumulative global COVID-19 deaths over time, sourced from the Johns Hopkins Coronavirus Dataset. The chart uses a linear y-axis scale (d3.scaleLinear) and a time-based x-axis (d3.scaleTime), with the line path generated via d3.line. React manages component state, while d3.axisBottom and d3.axisLeft render the axes with tick marks extending across the plot area. SVG elements draw the chart, styled with CSS for gridlines and the line stroke.

YYedrup