California coronavirus cases: Tracking the outbreak - Los Angeles Times

100%

California coronavirus cases: Tracking the outbreak - Los Angeles Times

✓ Published0🌍 Public

Last edited Nov 11, 2021

Created on Nov 10, 2021

This interactive article tracks the spread of COVID-19 across California, presenting a choropleth map of case counts by county alongside time-series charts of new cases and deaths. The visualization uses React with D3.js, leveraging `d3.geoPath` for map rendering and SVG for all graphics. Data is displayed dynamically, allowing users to explore the outbreak’s progression from early 2020 through late 2021, with the page sourcing its information from the Los Angeles Times’ reporting.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter. DevTools failed to load source map: Could not load content for https://s.yimg.com/cb/af/adfeedback.js.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE DevTools failed to load source map: Could not load content for https://static-int.adsafeprotected.com/visJS.append.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED 2DevTools failed to load source map: Could not load content for https://static-int.adsafeprotected.com/4a.js.map: Connection error: net::ERR_NAME_NOT_RESOLVED

MIT Licensed

Similar vizzes

Loading thumbnail…

California Coronavirus Deaths Over Time

This chart displays cumulative COVID-19 death totals for each California county over time, with a Voronoi overlay enabling interactive hover detection. The logarithmic y-scale accommodates wide variations in county population sizes. Built with React and D3 v6, it uses `scaleTime`, `scaleLog`, `d3.Delaunay`, and SVG rendering. Data comes from the Johns Hopkins Coronavirus dataset, loaded via `d3.csv` and filtered for California counties.

AAnthony Ynami

78% match

Loading thumbnail…

Daily Coronavirus Confirmed Cases of California and New York State by County

This chart displays the daily confirmed COVID-19 cases for counties in California and New York, plotting each county’s time series on a logarithmic scale. A Voronoi overlay, created with `d3.Delaunay`, enables hover interactions, revealing a tooltip with the total confirmed cases up to that date. The visualization is built with React and D3 v6, using `scaleTime` and `scaleLog` for the axes, and renders as an SVG using `line` and `axisBottom`. Data is sourced from the Johns Hopkins Coronavirus dataset.

XXuanhaoWu

76% match

Loading thumbnail…

Los Angeles Exp

A choropleth map of Los Angeles County shows COVID-19 death rates by neighborhood, with gray indicating missing data. Built with React and D3 v5, it uses `geoEquirectangular` projection and `geoPath` to render TopoJSON boundaries alongside CSV data from County of LA eGIS. A threshold color scale maps death rates to a blue sequential scheme, while mouse hover events trigger neighborhood details, demonstrating layered data integration in an SVG.

MMatthew Talty Colvard

73% match

Loading thumbnail…

cali covid histo

This histogram visualizes COVID-19 deaths over time across all California counties, aggregated into monthly bins that show the total deceased and missing per month. Built with React and D3 v6, the chart uses `d3.histogram` with `timeMonths` thresholds to bin data, `scaleLinear` and `scaleTime` for axes, and SVG rect elements for bars. The data comes from the JHU CSSE COVID-19 time-series dataset, with each bin summing the daily death totals by county.

AAnthony Ynami

72% match

Loading thumbnail…

Map Visualization of COVID-19 Cases in the U.S.

This map visualizes the number of confirmed COVID-19 cases per U.S. state as of late March 2020, using a choropleth where darker shades indicate higher case counts. Hovering reveals the state name, while clicking toggles the display of case numbers directly on each state. The visualization uses D3 v4 with a `geoAlbersUsa` projection and `d3.geoPath` to render SVG state boundaries, and a `scaleLinear` maps case data from CSV files to a color range. Data originates from state health agencies, hospitals, and the CDC via the New York Times.

CChristine

72% match

Loading thumbnail…

Cali map json

This interactive visualization maps cumulative COVID-19 deaths across California counties, combining a bubble map with a brushable time-series histogram. The map projects county centroids using `d3.geoMercator`, while circle radii scale with total deaths via `d3.scaleSqrt`. The linked histogram aggregates daily deaths into monthly bins using `d3.histogram` and `d3.timeMonths`, with `d3.brushX` enabling temporal filtering that updates the map’s displayed bubbles. Data comes from a JHU CSSE time-series CSV and county boundaries from a TopoJSON file, rendered as SVG with React.

AAnthony Ynami

72% match

Loading thumbnail…

d3 choropleth map

This interactive choropleth map visualizes the spread of COVID-19 cases across countries over time, using an animated timeline that cycles through daily data from January to July 2020. The map renders world country boundaries as SVG paths using the Eckert5 projection, with each country’s fill color dynamically updated based on its reported case count for the currently displayed date. Built with D3 v3, it leverages `d3.geo.path`, `d3.geo.eckert5`, `d3.geo.graticule`, TopoJSON for geographic data, and a CSV dataset, while a play button and date label drive the sequential animation.

Aashpradhan01123

72% match

Loading thumbnail…

d3 choropleth map

This choropleth map visualizes the spread of COVID-19 cases over time, with an animating date slider and play/pause controls. The map uses d3.geoEckert5 projection, d3.geoPath, and TopoJSON, with color scales from colorbrewer and d3-scale-chromatic to shade regions by case counts. A draggable slider, built with d3.drag and d3.timeScale, shows daily case data from January to July 2020, while a legend and graticule provide spatial context.

Aashpradhan01123

71% match