Skip to main content
SimilarExport ZIP
100%

cali covid histo

✓ Published0🌍 Public
AAnthony Ynami
Last edited Apr 8, 2021
Created on Apr 3, 2021

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.

AI-generated description

A Scatter Plot of the Data Canvas Sesnse Your City Dataset

MIT Licensed

Similar vizzes

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
86% match
Loading thumbnail…

Covid 19 Deaths Date Histogram

This example shows a histogram of COVID-19 deaths over time, with bars representing monthly total deaths globally. The visualization uses React to render SVG elements, with d3.scaleTime and d3.bin for time-based binning, d3.sum to aggregate death totals, and custom React components for axes and marks. Data comes from the CSSE COVID-19 time series dataset, parsed with d3.csv and d3.timeParse. The chart displays a yellow background circle and styled axis labels, with tooltips showing exact death counts via SVG title elements.

RRMartins11
82% match
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
82% match
Loading thumbnail…

hist

This visualization displays a horizontal histogram of COVID-19 case counts over time. Each bar’s length represents the cumulative number of cases for a given date, with bars arranged by value along the y-axis. The code uses d3.csv to load data, d3.scaleLinear for the x-axis width mapping, and d3.scaleBand for the y-axis categories. Rectangles are appended to an SVG and sized using the scales, with the data sourced from the provided CSV file. The chart is built with D3 v7.

FFarhaan Qazi
75% match
Loading thumbnail…

CoronaVirus Linear Chart

Using D3 v5 within a React component, this chart visualizes global cumulative COVID-19 deaths over time from the JHU CSSE dataset. A single SVG line path traces the rising death totals, with gridlines and labeled axes generated by `d3.axisBottom` and `d3.axisLeft`. The code scales dates with `d3.scaleTime` and death counts with `d3.scaleLinear`, fetching data via `d3.csv` and formatting it with custom parsing and reduction logic.

AAmir
74% match
Loading thumbnail…

Visualization Labels

This line chart visualizes global cumulative COVID-19 deaths over time, using a logarithmic y-axis to accommodate the wide range of values. The chart is built with React and D3 v7, rendering as an SVG. It uses `d3.scaleTime` and `d3.scaleLog` for axes, and `d3.line` to generate the path. Data is fetched from a Johns Hopkins CSV, and the y-axis ticks are filtered to remove the 5,000,000 and 0 marks.

Hhunsingeruk@gmail.com
74% match
Loading thumbnail…

COVID line chart

This chart displays the total number of COVID-19 deaths in the United States over time as a black line on a yellow background. It uses React and D3 v5 scales, including `scaleTime` and `scaleLinear`, with a `line` generator to plot the data from the CSSE COVID-19 time series. A horizontal marker line at 900,000 deaths and a corresponding label are drawn using SVG elements within the chart’s margin-based layout.

CCatalina Vajiac
74% match
Loading thumbnail…

Coronavirus with Labels

This line chart shows cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate the wide range of values. A Voronoi overlay, built with `d3.Delaunay`, enables mouse interaction, highlighting the nearest data point and displaying a tooltip with the country name, death count, and date. The chart uses `scaleTime` and `scaleLog` from d3.v6 within a React framework, rendering as SVG. Data comes from the CSSEGISandData COVID-19 GitHub repository.

AAndre J Denais
74% match