Visualization Labels

100%

Visualization Labels

✓ Published1🌍 Public

Last edited Apr 11, 2021

Created on Apr 11, 2021

This chart displays cumulative global COVID-19 deaths over time from the Johns Hopkins dataset, using a logarithmic y-axis to accommodate the wide range of values. Lines and text labels mark significant milestones like the 1M death threshold. Built with React and D3 v6, it uses `scaleTime`, `scaleLog`, and `line` generators to render an SVG path, with custom `XAxis` and `YAxis` components that call `axisBottom` and `axisLeft` to draw grid lines and tick labels.

AI-generated description

This chart uses React & D3 to visualize the Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

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

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

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

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

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

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…

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 visualization displays global COVID-19 death totals over time as a line chart, using a logarithmic y-axis to accommodate the wide range of values. Built with React and D3 v7, it renders SVG elements including an axis with gridlines and a labeled path. The chart includes descriptive text labels for the title, x-axis, and y-axis, with data sourced from the CSSE COVID-19 time series dataset. The code uses D3’s `scaleTime`, `scaleLog`, `line`, and `axisBottom`/`axisLeft` APIs to construct the visualization.

BBen Brophy

93% match