Outbreaker

100%

✓ Published1🌍 Public

Last edited Apr 25, 2020

Created on Apr 24, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Outbreaker | Analysing

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.

Aala-wahibi

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

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

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

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

64% match

Loading thumbnail…

Outlier example

This example maps New York Census tracts using color to represent racial demographics, where green opacity indicates white population and orange opacity indicates Black population. The SVG visualization uses D3’s `geoPath` to render tract polygons and `scaleLinear` to map demographic data from the American Community Survey to color opacity values, with blended colors showing combined racial distributions. Interactive hover logging reveals each tract’s underlying demographic properties.

EErik Kemp

63% match

Loading thumbnail…

demographic school snapshot

This interactive dashboard presents a demographic snapshot of NYC crime incidents, linking a choropleth precinct map to a pie chart of crime types and bar charts for victim age, race, and sex through coordinated brushing and a reset button. It uses d3.geoPath with a Mercator projection to render the map and d3.arc for the pie, while animated transitions update all charts based on user selections. The code relies on d3.v6, d3-array, and d3-geo, with SVG and tooltips for hover details.

YYuan

62% match

Loading thumbnail…

Untitled

This interactive visualization links a scatter plot, a symbol map, and a time-series brush to explore worldwide COVID-19 aggregated case data. Users can brush a time range to filter the scatter plot and map, or hover over points to highlight matching elements across all views. The visualization uses D3 v3 with `d3.svg.brush`, `d3.geo.path` with an Albers USA projection, and `d3.tip` for tooltips. Data is loaded from local JSON and CSV files containing confirmed cases, recovered cases, deaths, and increase rate over time.

SSarahKiyani

62% match