Outbreaker

100%

Outbreaker | Analysing

✓ Published0🌍 Public

Last edited Apr 25, 2020

Created on Apr 25, 2020

This interactive map identifies potential quarantine zones by combining two spatial criteria: proximity to the ZIP code with the most patients and areas with high child populations. Users adjust buffer distance and population thresholds, triggering a workflow that queries ArcGIS FeatureLayers, buffers geometries with `geometryEngine.buffer`, unions filtered ZIP code polygons, and intersects results using `geometryEngine.intersect`. The map renders patient data via a ClassBreaksRenderer and displays the final intersection polygon as a semi-transparent overlay.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Outbreaker visualizes patient disease data on an ArcGIS map of Denver, Colorado, using FeatureLayer and MapImageLayer. The map displays patient cases through class-break and unique-value renderers, with diamond and square markers indicating age ranges and sex categories. A demographic boundary layer from USA_Demographics_and_Boundaries_2018 provides geographic context, while Legend widgets clarify symbol meanings. The visualization uses ArcGIS API for JavaScript 4.15 and D3.js v5, with interactive map panning and zooming enabled through MapView.

Aala-wahibi

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

60% match

Loading thumbnail…

County Population Bubble Map for the US with D3.js!

A county population bubble map for the US uses an SVG projection with geoAlbersUsa and d3.geoPath to render state and county boundaries from TopoJSON data. Circles positioned via pathGenerator.centroid are sized by a d3.scaleSqrt mapping COVID-19 case counts from a CSV dataset, with zoom enabled through d3.zoom for interactive exploration.

Aacrasto-tibco

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

58% match

Loading thumbnail…

City density filtering by population and proximity

This interactive map visualizes global city density by filtering prominent urban centers from smaller neighbors. Gray dots represent all cities with populations over 50,000 from OpenStreetMap data, while blue and white highlighted cities emerge through an iterative algorithm that suppresses less populous cities within proximity-based buffers. The visualization uses D3.js with `geoNaturalEarth1` projections, `geoPath` for rendering country boundaries from World Atlas TopoJSON, and Turf.js functions like `buffer`, `booleanPointInPolygon`, and `distance` to calculate exclusion zones. Circle sizes reflect population through a square-root scale, while buffer radii decrease for larger cities.

AAlan McConchie

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

58% match

Loading thumbnail…

CA Zip Code Map Part 2B.1

This example maps California zip code boundaries and overlays stroke mortality data from a CSV file. Each zip code polygon is rendered using `d3.geoPath` with a Mercator projection, and hover effects highlight individual regions. The visualization supports pan and zoom interactions through the `d3.zoom` API. The GeoJSON data comes from an external GitHub repository, and the stroke counts are joined to the map by zip code, though the counts themselves are not visually encoded.

Ggarrettriha

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

58% match