100%

Outbreaks in the US Timeseries

✓ Published1🌍 Public

Last edited Oct 27, 2019

Created on Sep 18, 2019

This interactive line chart displays monthly counts of illnesses, hospitalizations, and deaths from U.S. outbreak data, revealing a seasonal pattern with peaks in winter and lows in summer. Built with React and Vega-Lite API, it maps the timeline by concatenating year and month into a timestamp field. The chart layers three semi-transparent lines with tooltips that show aggregated values on hover. Data originates from the National Outbreak Public Data Tool, loaded via D3’s `csv` function. The visualization uses Vega-Lite’s `markLine` and `.fieldT`/`.fieldQ` encodings, with custom styling from a shared config file.

AI-generated description

Task:1. Does the outbreak have the seasonality? Which months have highest frequency?

Answer: Yes, it does. The outbreak has high frequency in winter and reaches the bottom in summer.

Description of experience:

This time-series line plot shows the number of Illnessses, Hospitalizations and Deaths. At first I cleaned the data by concatenating "Year" and "Month" as timestamp. Second, I set layers in VegaLite API to draw multiple lines. And then modified them to make it better.

Interaction:

When mouse moves to the line, it will show the corresponding value at the point.

Data Source

MIT Licensed

Similar vizzes

Loading thumbnail…

Outbreaks in the US Timeseries

This multi-line time-series chart displays the monthly frequency of illnesses, hospitalizations, and deaths from US outbreak data, revealing clear seasonality with peaks in winter and lows in summer. The visualization aggregates the raw CSV data by summing each health metric per month, using the Vega-Lite API within a React framework to layer three distinct line marks. Interactive tooltips display exact aggregate values when hovering over any point on the lines, while a custom config adjusts axis styling for readability. The data is loaded and parsed with d3.csv.

MMoooYang

95% match

Loading thumbnail…

Timeseries

This timeseries line chart displays the monthly frequency of illnesses, hospitalizations, and deaths from a national outbreak dataset (National Outbreak Public Data Tool). The visualization reveals clear seasonality, with peak outbreak activity in winter and lowest counts in summer. Three overlaid lines use the Vega-Lite API, with data loaded and time-formatted via d3.csv and manual date concatenation. Hovering over any point triggers a tooltip showing the sum of that metric for the corresponding month. The chart is rendered as an SVG, with axes configured through a custom readme and config.js.

Iindira-antgrvty

90% match

Loading thumbnail…

Outbreaks

This visualization shows the total number of illnesses from national disease outbreaks, aggregated by month and colored by the primary transmission mode. The bar chart, built with Vega-Lite and rendered through the vega-lite-api, uses d3.csv to load the outbreak dataset from a GitHub gist. Each bar represents a month, with height proportional to the summed illness count, while color distinguishes transmission categories such as foodborne or person-to-person. The view automatically fits the full browser window, with customized axis styling and tooltips for interactivity.

MMithun Ghosh

84% match

Loading thumbnail…

Outbreaks

This interactive bar chart visualizes the total number of illnesses from national foodborne disease outbreaks over time, with bars segmented by primary mode of contamination. The visualization uses the Vega-Lite API with reactive Vega and Vega-Lite specifications, rendered as SVG. Data is loaded dynamically from a CSV file using D3’s `csv` function, then filtered to remove null primary modes. The chart adapts to the browser window size via `.autosize()`, and custom configuration settings adjust axis labels and tick styling. Tooltips are enabled through the Vega-Tooltip handler.

Aasujata-1234

84% match

Loading thumbnail…

Outbreaks by Month

This bar plot shows the number of illnesses from disease outbreaks by month, with bars colored by the primary transmission mode (food or water). A dropdown menu filters the visualization to display only the selected mode. The chart uses Vega-Lite API and Vega tooltip, with data loaded via d3.csv from a Gist-hosted National Outbreak Public Data Tool. The x-axis sorts months in descending order, while the y-axis aggregates the sum of illnesses.

RReinaFeng

83% match

Loading thumbnail…

Outbreaks

This chart displays the total number of illnesses caused by disease outbreaks, aggregated by month and colored by primary transmission mode. It uses a bar chart where each bar represents a month, with the height showing the summed illness count and the color distinguishing different modes of transmission. The visualization renders with Vega-Lite, configured through the Vega-Lite API, and loads its data from a remote CSV file using d3.csv. Interactive tooltips reveal the specific transmission mode on hover.

Aasujata-1234

83% match

Loading thumbnail…

Outbreaks

This visualization shows aggregated foodborne illness counts by month, with bars colored by the primary transmission mode of the outbreak. The chart uses a stacked bar chart where each month’s total illnesses are broken down by transmission category, and tooltips reveal the specific mode. Built with React, it loads data via D3’s `csv` method from a public dataset, then renders the chart using Vega-Lite’s API with a bar mark. The visualization filters out records with null primary modes and applies custom axis styling for readability.

Aatayyaba

83% match

Loading thumbnail…

Outbreaks

This visualization displays a bar chart of reported foodborne illness outbreaks, showing the total number of illnesses per month and colored by the primary mode of transmission. The chart uses Vega-Lite via the `vega-lite-api` and renders to SVG through Vega, with `d3.csv()` fetching the data from a GitHub-hosted CSV file. Interactive tooltips, provided by the Vega Tooltip handler, reveal the primary mode for each bar. The layout automatically fits the window size, with custom axis and label styling applied through the configuration object.

CCurran Kelleher

82% match