Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Covid Project Viz 2

Public visualization

Viewing a saved revision (read-only)

f337d4b0226642ae9d73dbb3c2aaa35d

Covid Project Viz 2

0 stars0🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024

This example visualizes active, recovered, and total COVID-19 cases across fifteen countries using overlapping horizontal bars. The visualization renders as an SVG via React, with red, blue, and green rectangles representing total vaccinations, total cases, and total tests respectively. It loads data from a remote CSV file using `d3.csv` and scales the bars with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, while drawing gridlines and tick labels manually. The code leverages D3 v5 alongside React state and effects for data fetching.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.