Skip to main content
SimilarExport ZIP
100%

Outbreaks in United States

✓ Published0🌍 Public
RReinaFeng
Last edited Oct 21, 2019
Created on Oct 21, 2019

This map of the United States visualizes the distribution of disease outbreaks, with each state shaded according to the total number of reported illnesses. The color scale ranges from white to pink, using a linear scale to represent increasing case counts. The visualization uses a React frontend with D3 v5 for geographic rendering, employing geoAlbers and geoPath for the map projection, while state boundaries come from the US Atlas TopoJSON dataset. Outbreak data is processed from the CDC’s National Outbreak Reporting System, aggregated by state through a custom data-processing function.

AI-generated description

This US map shows the distribution of Outbreaks in the US. The shades represent the number of illnesses. The data comes from the National Outbreak Reporting System (NORS) which supports outbreak reporting by partners in state, local, and territorial public health agencies. It includes different types of Outbreaks such as: Food, Water, Animal, Contact, Environmental, Person to Person, Indeterminate/Unknown.

Reference: Gist

MIT Licensed

Similar vizzes

Loading thumbnail…

Outbreaks in United States

This interactive visualization displays the distribution of disease outbreaks across US states, with color intensity representing the number of illnesses reported. The map uses a pink color scale mapped to the sum of illnesses per state, with white indicating no reported cases and darker pink indicating higher counts. The code employs d3.geoPath with a geoAlbers projection to render US state boundaries from the us-atlas TopoJSON, while React hooks load and process outbreak data from the CDC NORS system. Graticules and state interiors are drawn as additional SVG paths to enhance geographic context.

Yyuzhang21
96% match
Loading thumbnail…

Outbreaks in United States

This choropleth map visualizes the distribution of disease outbreaks across the United States, with state-level shading indicating the total number of reported illnesses. The map uses a linear color scale from white to pink to encode illness counts, with darker shades representing higher numbers. Built with React and D3 v5, the visualization employs `d3.geoAlbers` and `d3.geoPath` to render U.S. state boundaries from TopoJSON data, while illness totals are aggregated from the CDC’s National Outbreak Reporting System via CSV. Graticules and sphere outlines provide geographic context.

MMoooYang
95% match
Loading thumbnail…

Outbreaks in United States

This visualization displays a choropleth map of the United States showing the distribution of disease outbreaks, with state-level shading indicating illness counts. It uses React to manage component state and data fetching, while D3 v5's geoAlbers projection and geoPath render the map geometry from TopoJSON US Atlas data. The color scale maps outbreak data from the CDC’s NORS dataset, and land features are colored based on illness totals loaded via D3’s csv method.

RReinaFeng
95% match
Loading thumbnail…

Fork of Outbreaks in United States2

This choropleth map visualizes the distribution of disease outbreaks across the United States, with each state shaded according to the number of reported illnesses. The map uses a linear color scale ranging from white to pink, where darker shades indicate higher outbreak counts. Built with D3 v5 and React, the visualization uses `geoAlbers`, `geoPath`, and `geoGraticule` for geographic projections and rendering, while `topojson`'s feature and mesh functions process the US atlas data. The outbreak data comes from the CDC's National Outbreak Reporting System.

HHOURPRIMERA@GMAIL.COM
92% match
Loading thumbnail…

Fork of Outbreaks in United States

This choropleth map of the United States visualizes the distribution of disease outbreaks, with state shading representing the count of reported illnesses. The map displays land, graticules, and interiors using `d3.geoAlbers`, `d3.geoPath`, and `d3.geoGraticule` projections. Data is sourced from the CDC’s National Outbreak Reporting System (NORS), aggregated by state to drive the linear color scale. The visualization is rendered in SVG, built with React, and uses TopoJSON for geographic boundaries.

HHOURPRIMERA@GMAIL.COM
91% 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
80% match
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
79% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

This choropleth map of the United States uses a logarithmic color scale to show the relative number of COVID-19 cases per state, based on a seven-day average. A Voronoi overlay, built with `d3.Delaunay`, expands each state’s hover target for easier tooltip interaction, displaying details like death tolls, test counts, and positivity rates. The map is rendered with `d3.geoPath` and `geoAlbersUsa`, using TopoJSON state boundaries, while a custom color legend communicates the log-transformed case thresholds. React manages the component state, and all SVG elements are styled with hover effects in CSS.

IIvy Liu
78% match