Coronavirus Visualisation Labels

100%

Coronavirus Visualisation Labels

✓ Published1🌍 Public

Last edited Nov 20, 2021

Created on Nov 19, 2021

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.

AI-generated description

A line chart for John Hopkins Coronavirus Dataset with marker line at 1 million deaths.

MIT Licensed

Similar vizzes

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

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

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

94% match

Loading thumbnail…

Visualization Labels

This line chart tracks cumulative global Coronavirus deaths over time, using a logarithmic y-axis to accommodate the data's wide range. The visualization is rendered as an SVG within a React component, leveraging D3 v5 APIs such as `scaleTime`, `scaleLog`, and `line` for path generation, while custom `XAxis` and `YAxis` components apply `axisBottom` and `axisLeft` to draw gridlines and ticks. Data is fetched from the Johns Hopkins Coronavirus dataset via `d3.csv`.

SSam Lite

94% match

Loading thumbnail…

Coronavirus Visualization Labels

This visualization displays the global cumulative death toll from COVID-19 over time, using a logarithmic y-axis to accommodate the exponential growth pattern. The SVG line chart plots daily totals sourced from the Johns Hopkins CSSE COVID-19 dataset, with React managing component state and D3 v6 handling scales, axes, and the line generator. A vertical marker line labels the current date, while a horizontal reference line highlights the one-million-deaths threshold, with both annotations rendered as custom React components.

AAndre J Denais

93% match

Loading thumbnail…

Visualization Labels

This visualization displays global coronavirus deaths over time using a logarithmic scale for cumulative deaths. The React-based line chart, rendered as SVG with D3 v7, includes axis labels for time and death totals alongside an explicit "now" marker line. It processes COVID-19 data from the CSSE at Johns Hopkins CSV, using D3’s `scaleTime`, `scaleLog`, and `line` generators to map the data points.

KKevin McMorrow

93% match

Loading thumbnail…

Visualization Labels

A line chart visualizes global cumulative COVID-19 deaths over time. The visualization uses a log-scaled y-axis to accommodate the wide range of death totals. It includes red marker lines for the current date and the 3,000,000 death threshold. Built with React and D3 v5 within an SVG, the chart uses D3's scaleTime, scaleLog, and line for plotting, with axisBottom and axisLeft for gridlines and tick labels. Data comes from the COVID-19 Data Repository by Johns Hopkins CSSE.

Ee-ines

93% match

Loading thumbnail…

Covid-19 Chart - Labels

This visualization displays global cumulative COVID-19 deaths over time using a logarithmic y-axis, based on the Johns Hopkins Coronavirus dataset. The React component renders an SVG line chart with d3.scaleTime and d3.scaleLog, using d3.line to generate the path. Axis components leverage d3.axisBottom and d3.axisLeft with tick markings, while labels annotate the chart title, axis names, and cumulative death totals.

SSai Phaltankar

93% match