Visualization Labels

100%

Visualization Labels

✓ Published0🌍 Public

Last edited Mar 28, 2020

Created on Mar 28, 2020

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`.

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

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

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

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

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

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

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

93% match

Loading thumbnail…

Visualization Labels

This example displays global coronavirus deaths over time using a logarithmic y-axis to accommodate the wide range of values. A line chart shows the cumulative death count, with an interactive marker line identifying the most recent date. The visualization is built with React and D3 v6, using `scaleTime`, `scaleLog`, and `line` to generate the SVG path, while `axisBottom` and `axisLeft` render the axes. Data comes from the CSSEGISandData COVID-19 time-series CSV.

PPeter Krevenets

93% match