Skip to main content
SimilarExport ZIP
100%

Fork of Outbreaks in United States

✓ Published0🌍 Public
HHOURPRIMERA@GMAIL.COM
Last edited May 10, 2024
Created on May 3, 2024

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.

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…

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

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
93% 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
91% 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
90% 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
83% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

A choropleth map of the United States shows the logarithm of seven-day average COVID-19 positive cases per state, colored with a threshold scale using the `schemeOrRd` ramp. Hovering highlights states in green and reveals tooltips with additional metrics like deaths, tests, and positivity rates. The map is rendered with `d3.geoPath` and `geoAlbersUsa` projection using TopoJSON data, while a Voronoi overlay built with `d3.Delaunay` enables precise mouse interaction for each state.

Kkaruppuraja
82% match
Loading thumbnail…

Fork of COVID-19 Map (Positive Cases)

A choropleth map of the United States shows the relative number of COVID-19 cases, with state colors mapped to the log of the 7-day average positive test count using `d3.scaleThreshold` and `schemeOrRd`. Hovering a state turns it green, and a tooltip reveals additional 7-day averages for deaths, tests, positivity rate, and per-capita positives. The map is rendered with `d3.geoPath` and `geoAlbersUsa` from TopoJSON data, while a `VoronoiOverlay` using `d3.Delaunay` enables mouse interactions. React manages the overlay component, and a custom color legend displays the threshold scale.

AAndrey Getmanov
82% match