Fork of Coronavirus Linear Y Axis

100%

Fork of Coronavirus Linear Y Axis

✓ Published0🌍 Public

Last edited Oct 2, 2021

Created on Oct 1, 2021

This line chart visualizes the global cumulative death count from COVID-19 over time, using a linear y-axis to reveal the sharp exponential rise in fatalities. The chart supports brushing interaction to zoom into a specific date range, dynamically filtering the displayed data. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.brushX` to render an SVG path with gridlines and axes. Data is sourced from the Johns Hopkins COVID-19 time-series dataset, fetched via `d3.csv`.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart tracks the cumulative global death toll from COVID-19 over time, using a linear y-axis to emphasize absolute growth rather than rate of change. The visualization plots dates on the x-axis and total deaths on the y-axis, with gridlines and marker lines at notable values. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to render the SVG path, pulling data from the Johns Hopkins Coronavirus dataset via `d3.csv`. The chart also includes labeled x- and y-marker lines for reference points.

MMaciek Sitkowski

97% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This visualization shows the cumulative global death toll from COVID-19 over time, using a linear y-axis to emphasize the raw magnitude of the rise. Built with React and D3.v5, it plots a single thick black line across a grid of faint gray ticks. The data, sourced from the Johns Hopkins Coronavirus Dataset, is aggregated by summing daily death counts worldwide. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path, and `d3.axisBottom`/`d3.axisLeft` to render the labeled gridlines.

CCrisAbxs

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the global cumulative COVID-19 death toll over time using a linear y-axis, with data from the Johns Hopkins Coronavirus Dataset. A single black line traces the rising total, while gridlines and axis labels help read specific values. The visualization is built with React and D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for scales, `d3.line` for the path generator, and `d3.axisBottom` and `d3.axisLeft` for axes. Marker lines also highlight the 10,000-death threshold and recent dates.

RRamiBishara

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the cumulative death toll from COVID-19 over time using a linear y-axis scale. It uses a React-D3 combination, with `d3.scaleTime` mapping dates and `d3.scaleLinear` mapping death totals, rendered as an SVG path generated by `d3.line`. Axis components leverage `d3.axisBottom` and `d3.axisLeft` with gridlines, while annotated marker lines highlight specific values. Data is sourced from the Johns Hopkins COVID-19 time-series dataset via a CSV fetch and transformed in a `useData` hook.

Ppreethamkesa

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis scale. The line path is generated with d3.line, while d3.scaleTime and d3.scaleLinear handle the x and y domains respectively. Axes are rendered via d3.axisBottom and d3.axisLeft, with tick marks spanning the full chart width and height. Data comes from the Johns Hopkins Coronavirus time-series CSV, aggregated by summing daily death counts across all regions. React components manage the SVG rendering, and optional marker lines reference specific values like 10,000 deaths.

YYedrup

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart visualizes the global total of COVID-19 deaths over time from the Johns Hopkins dataset, using a linear y-axis to emphasize the absolute scale of growth. A single thick black line traces the rising cumulative death count, with light gray gridlines and date labels on the axes. The visualization is built with React and D3 v5, leveraging `scaleTime` and `scaleLinear` to map data, and `axisBottom` and `axisLeft` for ticks. Data is loaded via `d3.csv` and rendered as an SVG path.

RRahulSai05

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis, emphasizing the rapid growth of the pandemic’s death toll. The React-based visualization uses d3.scaleTime and d3.scaleLinear to map dates and death totals, with d3.line generating the path. Axis ticks are rendered with d3.axisBottom and d3.axisLeft, and optional marker lines annotate specific values. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via d3.csv and parsed with d3.timeParse.

Ssatra546

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart displays cumulative COVID-19 death totals over time, using a linear y-axis scale to show the raw increase in deaths. The React component renders an SVG with D3 v5's `scaleTime` and `scaleLinear` to map dates and totals, while `d3.line` generates the path. Grid lines from `axisBottom` and `axisLeft` provide reference points, with data sourced from the Johns Hopkins Coronavirus Dataset. The chart fills the viewport and includes marker lines for highlighting specific values, though no interactive features are implemented.

VVAbhiram99

95% match