Fork of Coronavirus Linear Y Axis

100%

Fork of Coronavirus Linear Y Axis

✓ Published0🌍 Public

Last edited May 13, 2021

Created on May 13, 2021

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.

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 chart visualizes the cumulative count of COVID-19 deaths over time using a linear Y axis, making the growth in total deaths readily apparent against the date range. The data originates from the Johns Hopkins Coronavirus dataset, accessed as a CSV file. The React-based visualization employs D3 version 5 to build an SVG line chart, with `scaleTime` and `scaleLinear` mapping the data, `line` creating the path, and `axisBottom` and `axisLeft` rendering the axes.

Ssatra546

98% 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

97% 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

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart displays cumulative COVID-19 deaths over time, using a linear y-axis to emphasize the raw scale of the outbreak. The visualization aggregates daily death totals from the Johns Hopkins Coronavirus dataset and renders them as a single black path with gridlines and axis labels. The code uses React components with d3.scaleBand and d3.scaleLinear for positioning, d3.line to generate the path, and d3.axisBottom and d3.axisLeft for the axes, all rendered as SVG elements.

SSistema Frenos

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

A line chart tracks the cumulative number of COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus dataset. The visualization employs a linear y-axis scale, with the chart area populated by a single black path rendered via an SVG `<path>` element. The code leverages d3's `scaleTime`, `scaleLinear`, and `line` functions to map dates and death totals, while React components manage the axes. A small, fixed circle appears in the upper-left corner of the plot area.

KKurt

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis scale. It fetches data from the Johns Hopkins Coronavirus time-series dataset via `d3.csv` and aggregates daily death totals. The chart is rendered with React (version 16.9) and SVG, using `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. Gridlines are drawn by setting `tickSize` on the axes, and the chart fills the entire browser window, updating responsively.

CCheng Tang

96% 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

96% 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

96% match