Crunchytoastmmm

@Crunchytoastmmm·3 public vizzes

Choropleth

A choropleth map visualizes the reported incidence of Lyme disease across U.S. counties for each year from 2000 to 2015. An interactive slider lets viewers animate through the years, updating the color fill of each county based on its case rate. The visualization employs D3.js (v3), using `d3.geo.albersUsa` for the map projection, `d3.geo.path` to render geographic shapes, and `d3.nest` to organize the CSV data by county and year. A tooltip, styled with the `d3.select` API, reveals the reported cases for 2000 and 2015 and the change between them on hover. County boundaries are drawn from a TopoJSON file, with state borders outlined in white.

Mar 28, 2017

Loading thumbnail…

Choropleth

This choropleth maps the reported Lyme disease rates across U.S. counties from 2000 to 2015 using data from the CDC. An interactive slider animates the color-coded rates for each year, with county fill colors derived from a threshold color scale. Hovering a county reveals a tooltip comparing its 2000 and 2015 case counts and the change between them. The visualization uses D3 v3 with `d3.geo.albersUsa` for the projection, `d3.geo.path` for rendering, and `d3.nest` to organize the data by county and year.

Mar 28, 2017

Loading thumbnail…

Choropleth

This choropleth map visualizes reported Lyme disease cases across U.S. counties from 2000 to 2015, using a threshold color scale to encode incidence rates from light to dark orange. A slider animates through each year, updating the map's fill colors, while hovering over a county displays a tooltip with the reported case counts for 2000 and 2015, plus the change between them. The visualization is built with D3.js (v3), using the `d3.geo.albersUsa` projection, `topojson` for geographic data, and `d3.scale.threshold` for color mapping, with data sourced from the CDC.

Mar 27, 2017