Outbreaks

100%

✓ Published0🌍 Public

Last edited May 8, 2023

Created on May 8, 2023

The visualization aggregates reported foodborne illness outbreaks by month, summing illnesses and color-coding bars by primary transmission mode. It filters out records with missing transmission data from a public national outbreak dataset. Built with React, D3 v5’s `csv` loader, and the Vega-Lite API, the bar chart uses `markBar`, `fieldQ('Illnesses').aggregate('sum')`, and `fieldN('Primary Mode')` for color encoding, with custom axis and label styling from a shared config.

AI-generated description

https://gist.githubusercontent.com/ReinaFeng/5c088ccdaedb20d0d87fdefe3281a03e/raw/56d1c5db74470d6604763480f1f3b1a7349a085e/NationalOutbreakPublicDataTool;

MIT Licensed

Similar vizzes

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

95% 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

92% 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

91% 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

89% 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

89% 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

89% match

Loading thumbnail…

Outbreaks by Month

This bar plot shows the total number of illness cases per month, with bars colored by the primary disease transmission mode, revealing that person-to-person spread dominates most months while foodborne transmission peaks in summer. The visualization is built with React and uses the vega-lite-api library alongside d3.v5, loading its CSV dataset from a Gist. The vega-lite specification encodes the month on the x-axis, summed illnesses on the y-axis, and primary mode as color, with a custom vega config adjusting axis labels and fonts.

MMoooYang

88% match

Loading thumbnail…

Outbreaks in the US Timeseries

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.

RReinaFeng

82% match