Fork of Covid Cases Hover Heather

100%

Fork of Covid Cases Hover Heather

✓ Published0🌍 Public

Last edited Mar 30, 2022

Created on Mar 30, 2022

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.

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

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

91% match

Loading thumbnail…

Covid Cases Hover

Cclaudiatomateo

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

90% 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…

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

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

82% match

Loading thumbnail…

Fork of Covid-19 confirmed cases (Date 25/09/20)

This visualization presents COVID-19 confirmed cases by date using a bar chart rendered with SVG, alongside a world map colored by total cases using a spectral color scale. The bar chart uses d3.scaleLinear and d3.scaleBand to map cases and dates, with axis labels styled with IBM Plex fonts and interactive tooltips via d3.tip. The map employs d3.geoPath with a geoNaturalEarth1 projection, and d3.scaleOrdinal with schemeSpectral to encode country-level data. Both views load from external CSV and TopoJSON sources, with the map supporting zoom interaction.

AAaronBhasker

80% match