6 weeks Covid-19 cases of 3 Counties, Ohio

100%

6 weeks Covid-19 cases of 3 Counties, Ohio

✓ Published1🌍 Public

Last edited Dec 6, 2021

Created on Oct 17, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

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.

AAAL FORHAD

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

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

COVID chart

The bar chart displays the rate of coronavirus cases per 100,000 habitants for nine U.S. counties, ordered from highest to lowest, using a green fill for each rectangle. It uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` to render the axes. Data is loaded from `data.csv` via `csv` and appended as SVG rectangles. The source is Elflein (June 2020) via Statista.

Mmla341

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

69% match

Loading thumbnail…

Covid Cases in the US

This visualization shows the geographic spread of confirmed COVID-19 cases across US counties over time, with each county filled according to case counts on a selected date. The map uses an Albers USA projection and renders counties as SVG paths via `d3.geoPath` and TopoJSON. A time slider and play button allow users to animate through the date range, with colors interpolated from a threshold scale using `d3.interpolateReds`. Data comes from a CSV file containing cumulative case counts per county from January to July 2020.

Aashpradhan01123

69% match

Loading thumbnail…

ice-6

This visualization displays the number of hospitalized confirmed COVID-19 patients for each county, using a horizontal bar chart with an orange grid. Built with React and D3 v5, it loads CSV data via `d3.csv`, filters to the top 20 counties, and renders SVG rectangles scaled by `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis. Tick labels and grid lines are generated from `xScale.ticks()`. The chart updates dynamically when the data loads, showing the title in magenta above the plot.

DDineshK2602

69% match

Loading thumbnail…

Scatterplot

This scatterplot displays COVID-19 case rates per 100,000 people for ten highly affected U.S. counties, ranked along the y-axis with case counts on the x-axis. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for positioning, and d3.axisLeft and d3.axisBottom with custom tick formatting. Circles are appended via d3.selectAll and data joins, styled with blue fills and black strokes. The chart includes grid lines and a title, with data sourced from Statista via Elflein (June 2020).

Mmla341

68% match