InspectingLinechart

100%

InspectingLinechart

✓ Published0🌍 Public

Last edited Aug 17, 2021

Created on Aug 17, 2021

A line chart displays the global cumulative death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. The chart includes labeled horizontal and vertical marker lines at 10,000 deaths and the most recent date, respectively. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to generate the SVG path. Axes are rendered via `d3.axisBottom` with custom tick styling.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Line Chart with D3 Axes

A line chart visualizes the cumulative global COVID-19 death toll over time using the John Hopkins Coronavirus Dataset. It plots daily death totals on a linear scale and dates on a time scale, with a red marker line highlighting the 1 million death milestone and an "now" marker at the most recent date. The chart is built with React and renders SVG paths using D3 v5’s `scaleTime`, `scaleLinear`, and `line` generators, while axes are drawn declaratively via `axisBottom` and custom marker-line components. Grid lines are styled with CSS.

CChris Briggs

89% match

Loading thumbnail…

Visualization Labels

A line chart displays cumulative global COVID-19 deaths over time, with a logarithmic y-axis and labeled axes for time and death counts. The chart uses a React component structure with D3 scales (`scaleTime`, `scaleLog`) and axis generators (`axisBottom`, `axisLeft`) to render SVG elements. Data comes from the Johns Hopkins Coronavirus dataset, processed via `d3.csv` and transformed to sum daily totals.

CCurran Kelleher

89% match

Loading thumbnail…

Line Chart with Labels

A line chart displays cumulative global COVID-19 deaths over time, using a log-scaled y-axis to accommodate the data's exponential growth. The visualization highlights the most recent date on the x-axis and includes labeled axes for cumulative deaths and time. Built with React and D3 v7, the chart uses `scaleTime`, `scaleLog`, and `line` generators to render a single SVG path, with data fetched from a CSSE GitHub CSV.

OOleg Zhernovoy

89% match

Loading thumbnail…

Line Chart of Coronavirus data

This line chart visualizes the cumulative global death toll from COVID-19 over time. The chart uses a time-scaled x-axis and a linear y-axis, with data aggregated from the CSSE at Johns Hopkins. Built with React and D3 v7, the code constructs the chart using D3's scaleTime, scaleLinear, and line generators, while axes are rendered as SVG components using axisBottom and axisLeft, complete with grid lines.

BBlake McCarty

89% match

Loading thumbnail…

Visualization Labels

A line chart shows global cumulative coronavirus deaths over time, using a logarithmic scale for the y-axis. Data comes from the Johns Hopkins COVID-19 time-series dataset. Built with React and D3 v5, the visualization uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to generate an SVG path, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. The code also includes reusable marker-line components for highlighting specific values.

Wwindwaver

89% match

Loading thumbnail…

Covid - 19 line chart

This line chart visualizes the cumulative total of COVID-19 deaths over time, based on the Johns Hopkins Coronavirus dataset, with a vertical marker highlighting the most recent date and a horizontal marker at 10,000 deaths. The chart is rendered as an SVG using React and D3 v5, employing `scaleTime`, `scaleLinear`, and a D3 `line` generator to plot the data. The axes are drawn with D3's `axisBottom` and custom marker components.

SSai Phaltankar

89% match

Loading thumbnail…

Visualization labels

A line chart visualizes global cumulative COVID-19 deaths over time, using a logarithmic scale to accommodate the data's growth. The chart fetches data from the Johns Hopkins Coronavirus dataset via `d3.csv` and renders with React and D3 v5, using `scaleTime`, `scaleLog`, and `d3.line`. Axis components built with `d3.axisBottom` and `d3.axisLeft` include grid lines and custom tick formatting, while the SVG includes titles and axis labels.

YYedrup

89% match

Loading thumbnail…

Coronavirus Visualisation Labels

A line chart displays global cumulative COVID-19 deaths over time from the Johns Hopkins dataset, using a logarithmic y-axis and a red marker line at 1 million deaths. The React app with D3 v5 uses `scaleTime` and `scaleLog` for axes, `line` to generate the SVG path, and `axisBottom`/`axisLeft` for labeled ticks. Axis labels and the marker lines annotate the chart, while CSS styles the gridlines and typography.

CChris Briggs

88% match