Zika Virus (simplified)

100%

Zika Virus (simplified)

✓ Published0🌍 Public

Last edited Jul 25, 2017

Created on Jul 25, 2017

A choropleth map of the United States colors each state according to the number of West Nile virus cases reported, with a logarithmic color scale ranging from blue to light blue. The code loads state-level case counts from a CSV file and merges them with geographic boundaries from a GeoJSON file, using D3 v3’s `d3.geo.albersUsa` projection and `d3.geo.path` to render the SVG paths. Hovering over a state increases its fill opacity, but no tooltip or legend is implemented in this version.

AI-generated description

My first D3 map showing my travel across the US. This visualization was built by modifying choropleth example code by Scott Murray, tooltip example code by Malcolm Maclean, and legend code example by Mike Bostock.

forked from <a href='http://bl.ocks.org/michellechandra/'>michellechandra</a>'s block: <a href='http://bl.ocks.org/michellechandra/0b2ce4923dc9b5809922'>Basic US State Map - D3</a>

forked from <a href='http://bl.ocks.org/scresawn/'>scresawn</a>'s block: <a href='http://bl.ocks.org/scresawn/a12c721027ebade8c68a25323c02e7d7'>West Nile Virus</a>

forked from <a href='http://bl.ocks.org/scresawn/'>scresawn</a>'s block: <a href='http://bl.ocks.org/scresawn/9b74f1446cad0f78e8972b84aa47e04e'>West Nile Virus (simplified)</a>

mit Licensed

Similar vizzes

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

91% match

Loading thumbnail…

Zika Virus 2015

This choropleth map visualizes Zika virus cases across the United States in 2015, with states colored on a logarithmic scale from white to black based on total reported cases. Built with D3 v3 and an Albers USA projection, the map renders each state as an SVG path, with the color encoding derived from the "Total cases" column of the dataset. States with zero cases remain white, while those with higher case counts appear progressively darker—California leads with 13 cases, followed by Florida with 9 and Texas with 8, creating a visual hierarchy of geographic impact. The map includes interactive tooltips on hover, implemented using Malcolm Maclean's tooltip pattern, and a legend adapted from Mike Bostock's example, allowing viewers to quickly identify states with higher Zika virus activity. This simple choropleth, adapted from Scott Murray's approach and earlier West Nile Virus examples, uses a log color scale to differentiate case counts across the United States.

77man10

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…

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

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

89% match

Loading thumbnail…

Zika Virus 2016

This choropleth map visualizes the spread of Zika virus cases across the United States in 2016, alongside a comparison with West Nile virus data. Using D3.js with an Albers USA projection, the map colors each state on a logarithmic scale based on total cases, with hover interactions that reveal state-level details via tooltips. The visualization is built with SVG rendering and includes a legend to help interpret the color scale, effectively highlighting geographic disparities in reported infections.

77man10

89% match

Loading thumbnail…

Total Zika Virus Cases in 2016

This choropleth map shows the total number of Zika virus cases in each U.S. state for 2016, using a logarithmic color scale that ranges from aqua to midnight blue to indicate case counts. The visualization loads state-level data from a CSV file and merges it with GeoJSON boundaries from `us-states.json`, rendering the map as SVG paths via `d3.geo.path()` with an Albers USA projection. Hovering over a state triggers a tooltip that displays the state name and its case total, with the color fill changing opacity to highlight the selected region.

LLeslyMV

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

88% match