Covid Cases Hover

100%

Covid Cases Hover

✓ Published0🌍 Public

Last edited Jun 13, 2020

Created on Jun 13, 2020

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.

AI-generated description

This research was done with NYC Health Data

MIT Licensed

Similar vizzes

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

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

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

94% match

Loading thumbnail…

Covid Cases Hover

Cclaudiatomateo

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

90% match

Loading thumbnail…

Covid Cases

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.

Cclaudiatomateo

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

87% match

Loading thumbnail…

Covid Cases Hover

This visualization displays worldwide aggregated COVID-19 confirmed cases over time as a bar chart, with the date on the x-axis and case count on the y-axis. Hovering over a bar reveals a tooltip showing the exact date and number of confirmed cases. The chart uses D3 v5 with an SVG renderer, employing `scaleLinear` for the y-axis, `scaleBand` for the x-axis, and the d3-tip library for interactive tooltips. Data comes from the GitHub datasets/covid-19 repository's worldwide-aggregated CSV file.

Qquratulain01

85% match