Skip to main content
SimilarExport ZIP
100%

Everyday Cases for four Counties in Ohio

✓ Published1🌍 Public
BBo Yang
Last edited Sep 11, 2021
Created on Sep 11, 2021

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.

AI-generated description

Everyday Cases for four Counties in Ohio

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
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
80% match
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
79% 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
75% 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
74% match
Loading thumbnail…

4

This example visualizes COVID-19 confirmed cases in Uttarakhand over time as a line chart, with interactive tooltips on data points. It uses D3 v6’s `d3.csv` to load data from a remote GitHub repository, `d3.timeParse` and `d3.scaleTime` for date handling, and `d3.line` to generate the SVG path. The chart renders axes via `d3.axisBottom` and `d3.axisLeft`, adds a legend, and displays a tooltip on mouseover using D3 transitions. The line and points are styled with steelblue, and the SVG output includes animation-ready elements.

Vvjc5505@gmail.com
74% match
Loading thumbnail…

Fork of Multiline chart

This fork of a multiline chart visualizes COVID-19 cases in five Scandinavian countries during October 2020. Each country gets its own small SVG chart displaying daily case counts as a line, with a shared color-coded legend and tooltip. The code uses d3.csv for data loading, d3.group to organize data by country, and d3.line with d3.scaleLinear for axes and paths. A d3-legend library creates the custom legend, and the tooltip appears on hover.

Kkfhujosefsson@dons.usfca.edu
73% match
Loading thumbnail…

Covid-19 Cases Analysis

This interactive narrative visualization analyzes U.S. COVID-19 cases across three scenes. It shows total case trends per day, state-level comparisons, and case distribution on a map. The line charts use d3.line and d3.scaleTime to plot confirmed and death cases, with interactive navigation between scenes via HTML links. Data is loaded from external CSV files using d3.csv, and rendered as SVG elements. The visualization employs a slideshow structure with drill-down capabilities, allowing exploration of trends over time from January to May 2020.

Xxiaojingwu138
73% match