Skip to main content
SimilarExport ZIP
100%

Covid Cases Hover

✓ Published1🌍 Public
Qquratulain01
Last edited Jun 13, 2020
Created on Jun 13, 2020
Forked from 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.

AI-generated description

This research was done with Github data on worldwide-aggregated cases.

https://github.com/datasets/covid-19/tree/master/data

MIT Licensed

Similar vizzes

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
95% 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
86% 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
85% 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
84% 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
84% 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
84% 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
82% match
Loading thumbnail…

Covid-19 Time Series: Total Number of Cases Worldwide Since 01/02/22

This visualization displays the cumulative number of COVID-19 cases worldwide on a Mercator projection map, with each country represented by an orange circle whose radius scales with case count. A date slider lets users scrub through time from January 22, 2020, with circles updating via d3 transitions. Built with D3 v5, it uses d3.geoPath, d3.geoMercator, d3.scaleSqrt, and d3-zoom for interactivity. Hovering reveals tooltips with region and case totals. Data comes from Johns Hopkins via the Humanitarian Data Exchange, rendered as SVG with smooth animations.

CChris Mora
80% match