Project 1 Bioinfomatics

100%

Project 1 Bioinfomatics

✓ Published0🌍 Public

Last edited Mar 29, 2018

Created on Mar 29, 2018

This block displays a choropleth map of the United States, visualizing Zika virus case counts by state. The data is loaded from a CSV file and joined with geographic state paths. A logarithmic color scale, using d3.scaleLog and d3.scaleSequential with the "Oranges" interpolator, maps case counts to fill colors, enabling differentiation across a wide range of values. States are rendered as SVG paths and include an interactive tooltip that appears on hover, displaying the state name and its total number of cases. The map is drawn using D3 v4 with SVG and animated transitions.

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/4ad63526e866f2e36d9e5b465981b46d'>US State Map</a>

forked from <a href='http://bl.ocks.org/Craftbd/'>Craftbd</a>'s block: <a href='http://bl.ocks.org/Craftbd/5b86a19e7991f81302d668adabb6c91d'>US State Map finished</a>

gpl-3.0 Licensed

Similar vizzes

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

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

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

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

83% match

Loading thumbnail…

Virus chloropleth

This interactive choropleth map visualizes the geographic distribution of West Nile virus and Zika virus infections across the United States. Built with D3.js v3 and rendered as an SVG, it uses state-level color encoding to represent disease case counts, with hover tooltips revealing detailed statistics. The visualization includes three datasets—West Nile virus cases from 2015 and 2016, plus Zika virus cases from 2015—with each state's shading reflecting the total number of reported cases. The map is part of the "Bugs to Barcodes" project for GEAR UP Virginia at James Madison University. Users can compare virus incidence geographically, with the choropleth coloring making high-prevalence states like California and Texas immediately visible.

BBrianJPR

81% match

Loading thumbnail…

Virus chloropleth

This map shows state-level surveillance data for West Nile virus and Zika virus infections across the United States. It uses a color-coded choropleth to distinguish total case counts per state, with tooltips revealing detailed figures for neuroinvasive and non-neuroinvasive disease cases, deaths, and presumptive viremic blood donors. Built with D3 v3 and rendered as SVG, the visualization encodes magnitude through graduated fill colors. Users can toggle between datasets for West Nile virus (2015 and 2016) and Zika virus (2015). The map was adapted from prior blocks by Michelle Chandra, Scott Murray, and others, with sources and code publicly available. It serves as an educational resource for the "Bugs to Barcodes" project at James Madison University.

BBrianJPR

81% match

Loading thumbnail…

A Bar Chart

This bar chart displays Zika virus case counts for U.S. states, sorted alphabetically by state name, then transitions to a descending order by case count after a 5-second delay. The bars are rendered in green with black text and axes, using D3.js v3 to generate SVG elements and apply animations via `transition()`. Hovering over a bar triggers a tooltip showing the character length of the state’s name, while the x-axis scales linearly and the y-axis uses an ordinal scale for state labels, with data loaded from the `states-zika.csv` file.

BBrandonStroud

81% match

Loading thumbnail…

US State Map finished

This example visualizes the geographic distribution of West Nile virus cases across US states using a choropleth map. The map is rendered in SVG with D3 v4, with each state’s fill color encoded on a logarithmic scale using d3.scaleLog and a sequential interpolated color scheme based on the number of reported cases. Hovering over a state triggers a tooltip displaying the state name and total case count. The map also includes an animation component, as state boundaries and fills are drawn dynamically. Data is loaded from a CSV file and joined to GeoJSON state paths via a custom uStates.js module.

CCraftbd

81% match