US State Map

100%

✓ Published0🌍 Public

Last edited Feb 15, 2018

Created on Feb 15, 2018

This interactive map of the United States displays 2016 Zika case counts by state, with each state colored on a white-to-blue scale. Hovering over a state triggers a tooltip showing the state name and its case count. The map is rendered using D3 v3 with SVG paths for each state, and the tooltip appears dynamically based on mouse position. Data is loaded from a CSV file and bound to the geographic shapes, with hover interactions providing detailed information. The visualization includes all US states and the District of Columbia, with Alaska and Hawaii positioned separately from the contiguous states.

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

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

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

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…

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

92% match

Loading thumbnail…

US State Map

This example presents a choropleth map of the United States, with each state colored according to the number of Zika virus cases reported in 2016. The visualization uses D3.js v3 to render the map as SVG paths and includes a hover tooltip that displays the total case count for each state. The map is drawn using the `uStates.js` library, which defines the state path geometries, while `d3.csv` loads the data from a local file. State colors are determined by a single interpolated value, and the code includes a mouseover effect that reduces fill opacity.

CCraftbd

91% match

Loading thumbnail…

US State Map

This example visualizes the geographic distribution of Zika virus cases across US states, with a choropleth map that uses a sequential color scale to encode the total case count per state. The map is rendered as an SVG using the D3.js v4 library, and includes interactive hover states that display a tooltip with the exact case number for each state. Data is loaded from a CSV file and processed with D3's `d3.csv` function, while the U.S. state boundaries are drawn using a collection of SVG path elements provided by the `uStates.js` library. The coloring applies a logarithmic scale to handle the wide range of case values, from states with just a few cases to those with over a thousand.

LLaurynKW

90% match

Loading thumbnail…

US State Map

This visualization is a choropleth map of the United States, colored to show the number of Zika virus cases reported in each state during 2016. It uses a logarithmic color scale to differentiate the magnitude of cases, with darker shades of orange representing higher counts. The map is rendered using D3 v4's SVG paths for each state, and hovering over a state reveals a tooltip with the exact number of cases. The data is loaded from a CSV file using `d3.csv`.

LLaurynKW

90% match

Loading thumbnail…

Finished map

This map of the United States visualizes reported Zika virus cases in 2016, with states colored on a sequential orange scale using a logarithmic transform to handle skewed case counts. The map is rendered as an SVG with hover interactions that display a tooltip containing the state name and total cases. State boundaries are outlined in gray and highlight on hover, while the tooltip appears with a dark background and white text. The visualization also includes animation capabilities and uses D3 v4 with a log scale for color encoding.

TTylerVaughan

89% match