fresh block

100%

✓ Published0🌍 Public

Last edited Feb 20, 2018

Created on Feb 20, 2018

This animated choropleth map visualizes reported Zika cases across U.S. states in 2016, drawing state boundaries from the included uStates.js dataset and loading case counts from a CSV file. Each state is colored using an interpolated scale from pink to green based on randomized low, average, and high case values, with a hover tooltip displaying these figures. Built with D3 v3 and SVG, the map renders state paths and animates the tooltip on mouseover, providing an interactive overview of the data.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/TylerVaughan/'>TylerVaughan</a>'s block: <a href='http://bl.ocks.org/TylerVaughan/550d6c76b6b22ec4b6d4d933c31f32e6'>fresh block</a>

forked from <a href='http://bl.ocks.org/TylerVaughan/'>TylerVaughan</a>'s block: <a href='http://bl.ocks.org/TylerVaughan/e7dbfb9353cdee16494397a2c678f1ec'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

A choropleth map of the United States visualizing Zika virus case counts by state in 2016. States are drawn as SVG paths and colored using an interpolated gradient from pink to green based on case data loaded from a CSV file. Hovering over a state triggers a tooltip that displays the state name along with low, average, and high case estimates. The map is rendered with animated transitions as the data loads, and states highlight on hover with reduced opacity.

TTylerVaughan

96% match

Loading thumbnail…

fresh block

A choropleth map of the United States visualizing 2016 Zika virus case counts by state, with states drawn as SVG paths and colored according to the number of reported cases. The map is rendered using D3 v3, with each state path defined in the included uStates.js file. Hovering over a state triggers a tooltip displaying the state name and its case count, with the state's fill opacity changing on hover. The visualization is static with no animation, though the code includes a reference to a CSV data file that appears to be incompletely integrated into the data-binding logic.

TTylerVaughan

96% match

Loading thumbnail…

fresh block

This choropleth map of the United States visualizes Zika virus case counts by state, colored with a pink-to-green interpolated scale. As the page loads, a CSV of 2016 Zika cases is loaded and joined to the state geometries. Each state is rendered as an SVG path and colored according to its case count, with hover interactions that trigger a dark tooltip displaying the state name, low, average, and high case values. The map also includes Alaska and Hawaii insets, and the animation effect is provided by the hover opacity change.

TTylerVaughan

95% match

Loading thumbnail…

fresh block

This visualization shows a choropleth map of the United States colored by reported Zika virus cases from a 2016 dataset. Each state is filled with a sequential orange color scale using a log transform, so the fill reflects the relative case counts. Hovering over a state triggers a dark tooltip that displays the state name and its case total, while the state itself becomes slightly transparent. The map is rendered in SVG and animated states update as the data loads, with the color scale computed dynamically from the data range.

TTylerVaughan

95% match

Loading thumbnail…

fresh block

This interactive choropleth map visualizes reported Zika virus cases across U.S. states using a custom GeoJSON path dataset. States are outlined in gray and become semi-transparent on hover. A tooltip appears on mouseover, displaying the state name and case count, though the data-loading logic is incomplete and sampleData remains empty. The map is rendered as an SVG with D3 v3, with static state boundaries and no animation.

TTylerVaughan

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

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

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