Visualization Labels

100%

Visualization Labels

✓ Published3🌍 Public

Last edited Mar 28, 2020

Created on Mar 28, 2020

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.

AI-generated description

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

MIT Licensed

Similar vizzes

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

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

97% match

Loading thumbnail…

Visualization Labels

This line chart visualizes global cumulative COVID-19 deaths over time, using a logarithmic y-axis to accommodate the wide range of values. The chart is built with React and D3 v7, rendering as an SVG. It uses `d3.scaleTime` and `d3.scaleLog` for axes, and `d3.line` to generate the path. Data is fetched from a Johns Hopkins CSV, and the y-axis ticks are filtered to remove the 5,000,000 and 0 marks.

Hhunsingeruk@gmail.com

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

96% match

Loading thumbnail…

Visualization Labels

A line chart displays cumulative global COVID-19 deaths over time, using a logarithmic y-axis and a time-based x-axis. Built with React and D3 v5, it renders an SVG path via `d3.line` and `d3.scaleLog`, with axes created by `d3.axisBottom` and `d3.axisLeft`. The data comes from the CSSEGISandData COVID-19 time series CSV.

MMichael Bruno

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

96% match

Loading thumbnail…

Visualization Labels

This example shows a line chart tracking cumulative global COVID-19 deaths over time, with a logarithmic y-axis and clearly labeled axes. The visualization uses D3 v7’s `scaleTime`, `scaleLog`, and `line` generators within a React component, rendering to SVG. Axis components built with `axisBottom` and `axisLeft` include grid lines and formatted tick labels. Data is loaded via `d3.csv` from a Johns Hopkins CSSE time-series dataset, then transformed into date and death-total pairs. The chart also demonstrates custom text labels for the title and axes, styled with CSS.

SSerind Joshua McCue

95% match

Loading thumbnail…

Visualization Labels

This example visualizes global cumulative COVID-19 deaths over time using a line chart. The chart displays a logarithmic y-axis and a time-scaled x-axis, with all data aggregated from the Johns Hopkins Coronavirus Dataset, which the code loads and parses via `d3.csv`. The visualization is rendered as an SVG using React components, with axes and gridlines generated by `d3.axisBottom` and `d3.axisLeft`. The line path is drawn using `d3.line` with `scaleTime` and `scaleLog` mappings, and the chart includes descriptive labels for both axes and the title.

KKtuzinowski

95% match