Skip to main content
SimilarExport ZIP
100%

Outbreaks in United States

✓ Published4🌍 Public
RReinaFeng
Last edited Dec 23, 2019
Created on Oct 10, 2019

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.

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 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 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.

RReinaFeng
95% match
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
94% 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
81% 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
81% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases per 100,000 People)

This choropleth maps seven-day average COVID-19 positive cases per 100,000 people across U.S. states, with color encoded via a threshold scale using d3.scaleThreshold and schemeBlues. Hovering a state highlights it in green, while a tooltip reveals additional metrics like death toll and test counts. The visualization uses d3.geoPath with the Albers USA projection, and a VoronoiOverlay enables efficient mouse interaction. Data comes from an external CSV, with state boundaries from topojson, and React manages the component rendering.

MMauricio García Benítez
81% match
Loading thumbnail…

Untitled

This choropleth map of the United States displays state-level COVID-19 case values with a green color scale, using lighter shades for lower numbers and darker greens for higher ones. The visualization loads CSV data and merges it with GeoJSON state geometries using d3.csv and d3.json, then renders paths with d3.geoPath and the d3.geoAlbersUsa projection. A d3.scaleQuantize maps numeric values to a five-color range, while states lacking data appear gray. The SVG is built with D3 v7 and styled with minimal CSS.

Jjoslinl
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
80% match