Skip to main content
SimilarExport ZIP
100%

Covid Cases

✓ Published1🌍 Public
Cclaudiatomateo
Last edited May 31, 2020
Created on May 17, 2020
Forked from Making a Bar Chart

This visualization shows daily COVID-19 cases in New York City from late February to mid-May 2020, using vertical bars to represent case counts over time. The chart is rendered as an SVG using D3 v5, with a linear scale for cases and a band scale for dates. It employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct the axes and bars. Data is loaded from a CSV file via `csv("data.csv")`, with hover effects changing bar color to orange. The underlying data appears to come from NYC Health data.

AI-generated description

This research was done with NYC Health Data

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid Cases Hover

A bar chart displays daily COVID-19 cases in New York City from February to May 2020, using a black-and-orange color scheme. The chart uses D3's `scaleBand` for the date axis and `scaleLinear` for the case count axis, rendering SVG rectangles. Hovering over a bar triggers a custom tooltip via the `d3.tip` library, showing the exact date and case number. Data from NYC Health data is loaded from a CSV file.

Cclaudiatomateo
93% match
Loading thumbnail…

Covid Cases Hover

A bar chart displays daily COVID-19 cases in New York City from February to May 2020, using a black-and-orange color scheme. The chart uses D3's `scaleBand` for the date axis and `scaleLinear` for the case count axis, rendering SVG rectangles. Hovering over a bar triggers a custom tooltip via the `d3.tip` library, showing the exact date and case number. Data from NYC Health data is loaded from a CSV file.

Cclaudiatomateo
93% match
Loading thumbnail…

Covid Cases Hover

A bar chart shows daily COVID-19 case counts in New York City from late February to late May 2020. Hovering over a bar reveals a tooltip with the exact date and case number. The visualization uses D3 v5 with `scaleBand` and `scaleLinear` for axes, and the `d3-tip` library for interactive tooltips. Data comes from NYC Health data and is loaded via `d3.csv`. Bars turn orange on hover.

SSarahKiyani
89% match
Loading thumbnail…

Covid Cases Hover

This visualization displays daily COVID-19 case counts in New York City as a bar chart, with tooltips that reveal the exact case number and date on hover. The bars turn orange when the mouse passes over them. The chart uses D3 v5’s `scaleBand` and `scaleLinear` for axes, and renders as SVG. Tooltip functionality is provided by the `d3-tip` library, which appears on mouseover and hides on mouseout. Data comes from the included `data.csv` file, which contains date, case, hospitalization, and death counts.

Ssafdarawan
89% match
Loading thumbnail…

Covid Cases Hover

This visualization displays daily COVID-19 case counts from NYC Health Data as vertical black bars over time. A black tooltip with orange text appears on hover, showing the specific date and number of cases for each bar. The chart uses d3.csv to load the data, d3.scaleBand and d3.scaleLinear for the axes, and the d3-tip library for tooltip functionality. SVG rectangles render the bars, which turn orange on mouseover.

SSarahKiyani
88% match
Loading thumbnail…

Fork of Covid Cases Hover Heather

A bar chart tracks daily new COVID-19 cases in New York City from late February through May 2020, using a black fill that turns orange on hover to reveal a tooltip with the date and case count. The visualization, built with D3 v5 and rendered as SVG, uses `scaleBand` for the date axis and `scaleLinear` for the case counts. The `d3.tip` library provides interactive tooltips, while the data comes from NYC Health data showing cases, hospitalizations, and deaths.

998heatstep
85% match
Loading thumbnail…

Covid-19 Cases from 2020 to 2023

A line chart tracks daily Covid-19 cases in the United States from 2020 to 2023, using data from the New York Times GitHub repository. The visualization, built with D3 v7 and SVG, employs `d3.scaleTime` and `d3.scaleLinear` to map dates and case counts, with `d3.line` generating the trend curve. Axes are formatted with quarterly month ticks and abbreviated counts, while gridlines and labeled axes clarify the temporal and numerical scales.

Xxiaojingwu138
80% match
Loading thumbnail…

Covid Cases Hover

A bar chart displays worldwide confirmed COVID-19 cases over time, with a tooltip revealing the exact date and case count when hovering over each bar. The visualization uses an SVG rendering with a black-to-orange hover effect, scaling the y-axis linearly and the x-axis with a band scale. It employs d3.v5, the d3.tip library for interactive tooltips, and loads data from a CSV file containing daily global case totals. Axis labels include "Date" and "Number of Confirmed Cases," styled with IBM Plex fonts.

SSarahKiyani
80% match