Skip to main content
100%

Zika Map

✓ Published0🌍 Public
Aalexhoke
Last edited Feb 22, 2018
Created on Feb 15, 2018

This interactive choropleth map of the United States visualizes Zika virus cases by state, colored with a pink-to-purple gradient based on the number of reported cases. Hovering over a state triggers a tooltip displaying the state name and total case count, while the map is drawn using SVG paths from the included uStates.js file and animated with D3 v3. The data is loaded from a CSV file and joined to the state geometries to drive the color encoding.

AI-generated description

forked from <a href='http://bl.ocks.org/NPashaP/'>NPashaP</a>'s block: <a href='http://bl.ocks.org/NPashaP/a74faf20b492ad377312'>US State Map</a>

forked from <a href='http://bl.ocks.org/scresawn/'>scresawn</a>'s block: <a href='http://bl.ocks.org/scresawn/6b3e4d2bc20cf4e7856b93134aa82d58'>US State Map</a>

forked from <a href='http://bl.ocks.org/wenzelmk/'>wenzelmk</a>'s block: <a href='http://bl.ocks.org/wenzelmk/e643d6b795ac1160c36f55de1dd5a42d'>US State Map</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

US State Map

This choropleth map of the United States displays Zika virus case counts by state, with each state colored on a grayscale gradient from black to white based on its reported cases. Hovering over a state triggers a tooltip that lists the low, average, and high case numbers for that region. The map is built with D3 v3 and uses an SVG rendering approach, loading state paths from a pre-defined `uStates.js` object and binding the Zika data from an external CSV file. The tooltip HTML is generated dynamically through a custom `tooltipHtml` function, and the color scale uses `d3.interpolate` to map case counts to shades.

HHeywhoyou22
93% match
Loading thumbnail…

US State Map

A choropleth map of the United States displays Zika virus case counts by state, with darker purple shades representing higher case numbers. Hovering over a state reveals a tooltip with the state name and its total case count. The visualization uses d3.csv to load the zika_2016.csv data, and the uStates.js library to draw the SVG state paths. Interactive hover effects and tooltips are implemented with D3 event handling and a custom HTML tooltip, providing a clear geographic overview of the outbreak's distribution.

LLaurynKW
93% match
Loading thumbnail…

US State Map-3

This choropleth map of the United States visualizes reported Zika virus cases by state, using color intensity to represent case counts. Each state is rendered as an SVG path, with hover interactions displaying a tooltip that shows the state name and its case numbers. The data is loaded from a CSV file and joined to the map’s state paths, with a color scale mapping case counts to a gradient from teal to dark brown. The map is drawn using D3 v3 and includes animated hover effects, making it easy to compare relative case loads across states.

Aannalabrozzi
93% match
Loading thumbnail…

Zika-SAVE

This interactive choropleth maps reported Zika virus cases across U.S. states in 2016, with states colored on a grayscale based on case counts. Hovering over a state reveals a tooltip displaying the number of cases along with calculated low, average, and high estimates. The map is rendered as SVG with D3 v3, using a color interpolation from black to white to encode case severity, and features animated hover effects that dim states for emphasis. Data is loaded from a CSV and joined to state path geometries via a custom `uStates.js` module, with tooltips providing contextual detail on demand.

Aalexhoke
93% match
Loading thumbnail…

US State Map

This visualization displays a choropleth map of the United States showing reported Zika virus cases by state in 2016. Each state is colored on a gradient from black to white based on its case count, with hover interactions that reveal exact figures through a tooltip. The map is rendered as SVG using D3 v3, with state paths and data loaded from CSV files via `d3.csv`. The tooltip displays case data alongside a simple table, and the `uStates.draw` function handles map rendering and interactions.

CCraftbd
92% match
Loading thumbnail…

Zika that works better

This choropleth map visualizes reported Zika virus cases across US states in 2016, using color intensity to represent case counts. The map is rendered as an SVG with D3 v3, with each state filled by interpolating between black and white based on the number of cases. Hovering over a state displays a tooltip showing the state name and a table with the case count, average, and high values. The visualization also includes a second dataset of West Nile virus cases in the repository, suggesting a comparison or alternative disease view. The map is interactive with hover effects, and the data is loaded from CSV files.

Aalexhoke
92% match
Loading thumbnail…

US State Map

The map displays Zika virus case counts per US state, colored according to a gradient that encodes the number of cases. Hovering over a state reveals a tooltip with the state name and its case total. The visualization uses D3 v3 to load CSV data and render an SVG map, with state paths defined in a separate JavaScript file and a custom tooltip HTML builder for interaction.

LLaurynKW
92% match
Loading thumbnail…

Zika Virus (simplified)

A choropleth map of the United States colors each state according to the number of West Nile virus cases reported, with a logarithmic color scale ranging from blue to light blue. The code loads state-level case counts from a CSV file and merges them with geographic boundaries from a GeoJSON file, using D3 v3’s `d3.geo.albersUsa` projection and `d3.geo.path` to render the SVG paths. Hovering over a state increases its fill opacity, but no tooltip or legend is implemented in this version.

LLeslyMV
91% match