Skip to main content
SimilarExport ZIP
100%

COVID-19 Cases Summarized by Date, Transmission and Case Disposition

✓ Published0🌍 Public
IIris Lin
Last edited Apr 26, 2020
Created on Apr 26, 2020

A multi-line chart summarizes confirmed COVID-19 cases in San Francisco, grouped by transmission category (Unknown, Community, From Contact) and daily case disposition. Each line traces the case count over time, with color distinguishing transmission type. The visualization uses Vega-Lite via the vega-lite-api to render the chart, with data fetched from a CSV using d3.csv. The example also customizes axis styling and tooltips through the vega-tooltip Handler.

AI-generated description

See Data on Gist: COVID-19 Cases Summarized by Date, Transmission and Case Disposition

The original data comes from the SF Gov

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays the number of confirmed COVID-19 cases per week in San Francisco, with a title and labeled axes for date and case count. The visualization uses D3 v5 to render an SVG, employing `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` for the chart structure. A `line` generator with `curveBasis` connects the data points, while circles added via `selectAll('circle').data()` trigger a custom tooltip on mouseover. The data is loaded from `casesbydate.json` using the `json` method, and the chart includes grid lines and axis labels for readability.

VVineel Gannu
79% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart visualizes the cumulative confirmed COVID-19 cases in the US from January to July 2020, with dates on the x-axis and case counts on the y-axis. The chart animates the line drawing using `d3.timer` and an easing function, with the line path calculated by `d3.line` and `curveBasis`. The visualization uses D3 v5 scales, axes, and SVG rendering, with data loaded from a CSV file. Axis lines and labels are styled via CSS.

Aashpradhan01123
77% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays daily COVID-19 cases in the United States from January to July 2020, with time on the x-axis and case counts on the y-axis. The visualization uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with a curveBasis interpolation to draw the maroon line path. Axis labels and titles are added using d3.axisBottom and d3.axisLeft, with gridlines generated via tickSize. The data originates from a public COVID-19 tracking dataset.

Aashpradhan01123
76% match
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays the cumulative number of COVID-19 cases in the United States over several months, from January to July 2020, using data from the Data Canvas - Sense Your City project. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a line generator with `curveBasis` to render the smooth maroon path on an SVG canvas. The chart includes labeled axes for time and temperature, though the data actually tracks case counts, with a title noting “A Week in San Francisco.” The code loads the CSV data with `csv()` and applies the D3 margin convention for layout.

Aashpradhan01123
76% match
Loading thumbnail…

Temprature in San Francisco Scattered Plot

A line chart displays confirmed case counts across Chinese provinces, with a smoothed curve fitted using d3.line and d3.curveBasis, although the code includes references to time-scale and temperature labeling that do not match the categorical Province data. The visualization uses d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, rendered as SVG with axes from d3.axisBottom and d3.axisLeft, reading data from a local CSV file. The chart includes gridlines, tick labels, and a title, with the data source being the COVID-19 case counts shown in the file.

FFadziMandondo
72% match
Loading thumbnail…

Infection Type Chart

This example shows the number of COVID-19 infection cases across Chinese provinces, stacked by transmission type (PublicTransit, Relative, Social, Unknown). Users can toggle between absolute counts and percentage-based views. The visualization uses d3.layout.stack and d3.svg.axis to render animated, stacked bar charts in SVG. A radio button triggers transitions between count and percent modes, while a custom tooltip and legend provide context. Data comes from a CSV file listing cases per province and transmission category.

Aatrixx
72% match
Loading thumbnail…

Infection Type Chart

This stacked bar chart displays COVID-19 infection cases across Chinese provinces, broken down by transmission type: public transit, relative, social, and unknown. The visualization uses d3.layout.stack to stack the data series, with d3.scale.ordinal for the x-axis and d3.scale.linear for the y-axis. A form allows switching between absolute case counts and percentage-normalized views via stack.offset("expand"), with smooth transitions on the bars and axis. Hovering highlights individual segments using SVG opacity changes, and a custom legend is drawn manually.

LLex
72% match
Loading thumbnail…

Chart 1

This visualization displays the progression of confirmed COVID-19 cases over time as a single orange line chart. The x-axis maps dates using `d3.scaleTime`, while the y-axis uses `d3.scaleLinear` to represent case counts. Data is loaded via `d3.csv` from a GitHub gist and parsed with `d3.timeParse`. The line is rendered with `d3.line`, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`. The SVG structure is built with D3 v6, with explicit margins, axis labels, and a white background.

Rramsrinivaskatragadda@my.unt.edu
71% match