Skip to main content
SimilarExport ZIP
100%

Fork of 6 weeks Covid-19 cases of 3 Counties, Ohio

✓ Published0🌍 Public
AAAL FORHAD
Last edited Mar 9, 2022
Created on Mar 9, 2022

The visualization is a heatmap displaying daily COVID-19 case counts for Butler County, Ohio, over six weeks. It shows the number of cases for each day of the week (D1–D7) across the six weeks (W1–W6), with color intensity representing case volume. The graphic uses D3.js v6, specifically `d3.csv` to load the data and `d3.scaleBand` for the axes. A tooltip appears on hover, revealing the county, date, and exact case count. The color scale interpolates between cyan and blue to denote case-count ranges.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

6 weeks Covid-19 cases of 3 Counties, Ohio

This visualization presents six weeks of daily COVID-19 case counts for three Ohio counties—Butler, Hamilton, and Montgomery—as separate heatmaps stacked vertically. Each chart maps week on the y-axis and day of week on the x-axis, with cell color intensity reflecting case volume via a blue sequential scale. Hovering reveals the exact date and case number. The code uses D3.js v6 to load CSV data, build band scales, and render SVG rectangles with tooltip interactions.

BBo Yang
91% match
Loading thumbnail…

Everyday Cases for four Counties in Ohio

Four county-level COVID-19 case counts appear as smooth, colored line charts over time, with a categorical color legend identifying each county. The visualization uses D3 v5 with an SVG renderer, nesting the CSV data by county and drawing paths with `d3.line` and `curveBasis`. Axes are generated via `d3.axisBottom` and `d3.axisLeft`, while a custom `colorLegend` function renders the ordinal scale.

BBo Yang
79% match
Loading thumbnail…

Choropleth Map, COVID, Ohio

This choropleth map visualizes COVID-19 case counts across Ohio counties, using a yellow-to-red sequential color scale to encode the number of cases per county. The map renders SVG paths via `d3.geoPath` with a Natural Earth projection, drawing county boundaries from World Atlas TopoJSON and overlaying graticules and land features. React manages the component state, while D3 modules (`scaleSequential`, `schemeYlOrRd`, `csv`, `json`) load the data and compute the color mapping. The visualization shows case data from a CSV hosted on GitHub, with the color scale domains set dynamically based on the maximum case count.

88DancingElephants
73% 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
72% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map of the United States displays the seven-day average of positive COVID-19 test cases per state, using a logarithmic color scale from `d3.scaleThreshold` with a `d3.schemeOrRd` color range. State boundaries are drawn with `d3.geoPath` and the `geoAlbersUsa` projection. The visualization includes an interactive Voronoi overlay built with `d3.Delaunay`, which triggers hover states, while a custom `colorLegend` shows the threshold values. User-provided CSV data supplies the values, which are mapped to each state’s fill color.

AArv1228
72% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This map of the United States shows the log number of positive COVID-19 cases per state, averaged over the past seven days, with darker colors indicating higher case counts. Hovering over a state highlights it in green and reveals a tooltip with additional metrics, including death toll, tests administered, and positivity rate. The visualization is built with React and D3 v6, using `d3.geoPath` with a `geoAlbersUsa` projection to render state boundaries from TopoJSON data. A threshold color scale and a custom color legend encode the case values, while a `VoronoiOverlay` component uses `d3.Delaunay` to improve hover interactivity.

RRamakanth771
71% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases per 100,000 People)

This choropleth maps seven-day average COVID-19 positive cases per 100,000 people across U.S. states, with color encoded via a threshold scale using d3.scaleThreshold and schemeBlues. Hovering a state highlights it in green, while a tooltip reveals additional metrics like death toll and test counts. The visualization uses d3.geoPath with the Albers USA projection, and a VoronoiOverlay enables efficient mouse interaction. Data comes from an external CSV, with state boundaries from topojson, and React manages the component rendering.

MMauricio García Benítez
71% 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
71% match