Skip to main content
SimilarExport ZIP
100%

fresh block

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

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.

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>

mit Licensed

Similar vizzes

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
97% 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
97% 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
96% match
Loading thumbnail…

fresh block

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.

TTylerVaughan
96% 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
94% 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 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…

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