Outbreaks in United States

100%

Outbreaks in United States

✓ Published1🌍 Public

Last edited Oct 19, 2019

Created on Oct 19, 2019

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.

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

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

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

94% match

Loading thumbnail…

US Redomestication States

This interactive choropleth map shows the prevalence of HIV/AIDS across US states for the year 2017, with darker orange-red fills indicating higher infection rates and gray for states with missing data. The visualization uses React components to render an SVG, with d3.geoAlbersUsa and d3.geoPath projecting TopoJSON state boundaries from the us-atlas dataset. Color encoding relies on d3.scaleSequential with an interpolateYlOrRd scheme, while HIV prevalence data comes from an IHME CSV file joined to state codes via ISO-3166 lookup.

CChris Bushong

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

79% 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…

Map Visualization of COVID-19 Cases in the U.S.

This map visualizes the number of confirmed COVID-19 cases per U.S. state as of late March 2020, using a choropleth where darker shades indicate higher case counts. Hovering reveals the state name, while clicking toggles the display of case numbers directly on each state. The visualization uses D3 v4 with a `geoAlbersUsa` projection and `d3.geoPath` to render SVG state boundaries, and a `scaleLinear` maps case data from CSV files to a color range. Data originates from state health agencies, hospitals, and the CDC via the New York Times.

CChristine

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

79% match