Skip to main content
100%

US State Map-Anna

✓ Published0🌍 Public
Aannalabrozzi
Last edited Feb 20, 2018
Created on Feb 15, 2018

This example shows a choropleth map of the United States where each state is colored according to random data values, with a hover tooltip displaying the average Zika case count for that state. The map is rendered in SVG using D3 v3 and includes smooth hover effects that adjust fill opacity. State boundaries are drawn from the included uStates.js path data, and the tooltip provides contextual information about Zika cases per state. The visualization also incorporates an animation that updates state colors based on the loaded zika_2016.csv dataset, creating an interactive and informative map.

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/scresawn/'>scresawn</a>'s block: <a href='http://bl.ocks.org/scresawn/541322894b481b10b190c2cafbd488d3'>US State Map</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

US State Map-Annaforked2

This choropleth map displays the number of Zika virus cases reported in US states for 2016. State boundaries are drawn as SVG paths with a light gray stroke, and each state is colored using a blue-to-purple gradient based on the case counts loaded from a CSV file. Hovering over a state triggers a dark tooltip that shows the state name along with Low, Average, and High values, while the map’s fill opacity changes for emphasis. The visualization is built with D3 v3 and includes a subtle animation of the state coloring.

Aannalabrozzi
91% 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
91% 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
88% 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
88% 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
88% 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
87% 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
87% match
Loading thumbnail…

Zika Map

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.

Aalexhoke
87% match