US State Map

100%

✓ Published0🌍 Public

Last edited Feb 13, 2018

Created on Feb 13, 2018

This interactive map of the United States displays state-level case counts, with each state colored on a gradient from light yellow to deep red based on its reported value. Hovering over a state triggers a tooltip showing the state name and its low, average, and high statistics, while the state fill becomes semi-transparent. The map is rendered as an SVG using D3 v3, with states drawn from path data and color-coded via a linear interpolated scale. Animations occur on hover, and the tooltip provides detailed data for each state.

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>

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

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

US State Map

This interactive map of the United States uses D3 v3 to render state boundaries as SVG paths from the included `uStates.js` data file. Each state is colored according to randomly generated sample statistics—low, average, and high values—using an interpolated color scale from light yellow to dark red. Hovering over a state triggers a CSS-based tooltip that displays the state's name and its low, average, and high values in a styled HTML table. The map animates state fills on hover with a subtle opacity change, while the tooltip follows the cursor, providing a clean and informative way to explore the data.

CCoola85

89% match

Loading thumbnail…

US State Map

This example displays a choropleth map of US states, with each state colored by a data value. The map shows a tooltip upon hovering, detailing low, average, and high values for each state, and animates state opacity on hover. It uses the `d3.v3` library and the `uStates.js` script, which provides SVG paths for each state. The tooltip is built with HTML, and a color scale interpolates from light yellow to dark purple based on the data.

NNPashaP

86% match

Loading thumbnail…

US State Map

This interactive US State Map visualizes West Nile virus case data across the United States, with each state colored according to randomly generated statistics for low, average, and high case counts. The choropleth map uses a yellow-to-dark-red color scale, where darker shades indicate higher case numbers. Users can hover over any state to see a tooltip displaying the state name alongside its low, average, and high values. The map is rendered using D3.js with SVG, and the tooltip provides a clean, readable breakdown of the data, with states highlighted on hover for enhanced interactivity.

HHeywhoyou22

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

83% match

Loading thumbnail…

US State Map

This interactive map visualizes West Nile virus cases across US states, with each state colored according to a metric and displaying a tooltip with case counts on hover. The choropleth uses a custom color scale interpolating from light yellow to cyan, mapped to state-level case data loaded from a CSV. Hovering over a state highlights it and triggers a tooltip showing the state name and its total number of cases. The map is rendered using SVG paths from the uStates.js library, with smooth color transitions and hover effects provided by D3 v3.

HHeywhoyou22

82% match

Loading thumbnail…

US State Map

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.

TTylerVaughan

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

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

82% match