Choropleth

100%

✓ Published0🌍 Public

Last edited Mar 28, 2017

Created on Mar 28, 2017

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.

AI-generated description

forked from <a href='http://bl.ocks.org/dougdowson/'>dougdowson</a>'s block: <a href='http://bl.ocks.org/dougdowson/9832019'>Choropleth</a>

forked from <a href='http://bl.ocks.org/Crunchytoastmmm/'>Crunchytoastmmm</a>'s block: <a href='http://bl.ocks.org/Crunchytoastmmm/4f219997029a94142cbb978aaa60d5d5'>Choropleth</a>

forked from <a href='http://bl.ocks.org/Crunchytoastmmm/'>Crunchytoastmmm</a>'s block: <a href='http://bl.ocks.org/Crunchytoastmmm/ca49cf404a20323b09d5e734a8d83176'>Choropleth</a>

mit Licensed

Similar vizzes

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.

CCrunchytoastmmm

97% match

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.

CCrunchytoastmmm

97% match

Loading thumbnail…

Choropleth Map of County Data

This choropleth map colors U.S. counties to visualize geographic data, with state boundaries drawn as white lines for contrast. The map is rendered as SVG using `d3.geoPath` to project TopoJSON geometry onto a 960×600 canvas. County and state shapes are styled via CSS classes, with the d3-scale-chromatic library available for color encoding. A small script sets a tooltip title on the label element, though the map itself does not display interactive data values.

SShabani Muswamba

78% match

Loading thumbnail…

Choropleth Map of County Data

A choropleth map of U.S. counties visualizes poverty rates as filled paths, with a color legend and axis labeling the percentage scale. Built with d3.v5, it loads TopoJSON county boundaries and a CSV of poverty data, then uses d3.geoPath to render SVG shapes and d3.scaleThreshold with d3.schemeGreens for the color encoding. State borders are drawn as white mesh lines, and hover tooltips show each county’s exact rate.

Yyqinolive

78% match

Loading thumbnail…

Choropleth Map of County Data

A choropleth map shades U.S. counties by poverty rate, with a color legend and state boundaries overlaid. The visualization loads GeoJSON topology and CSV data via promises, then uses `d3.geoPath` and TopoJSON to render county shapes, while `d3.scaleThreshold` and `d3.schemeGreens` map poverty percentages to fill colors. County paths include tooltips showing the exact rate, and an axis below the map labels the legend’s tick values.

YYash G

78% match

Loading thumbnail…

d3 choropleth map

This animated choropleth map visualizes the change in a numeric variable across US counties from 1817 to 2012 using a CSV time-series dataset. The map renders each county as a colored SVG path, with color intensity encoding the value for the currently selected year. A play button and timeline slider allow users to animate through years, updating the fill colors with a smooth transition. The visualization is built with D3 v3 and includes a legend to map color scale values, enabling temporal exploration of the spatial distribution of the data.

HHamishWoodrow

77% match

Loading thumbnail…

new data with json

This example displays a choropleth map of U.S. counties, colored by yearly data values from 2000 to 2021. A vertical slider with a play button animates through years, updating the fill colors with a sequential scale. The map is rendered as SVG paths using d3.geoPath with geoIdentity projection, based on TopoJSON data from the us-atlas library. Hovering reveals county names, state abbreviations, and the current value via SVG titles, while state borders are drawn as a mesh overlay.

CChase Hall

77% match

Loading thumbnail…

Choropleth Map

A choropleth map visualizes epidemic risk class by country, using color to indicate risk levels from low to very high. Drawn with d3.geoPath and a natural Earth projection, the map supports pan and zoom, with hover tooltips displaying country, risk class, and rank. Data comes from a CSV file joined with world-atlas TopoJSON. A legend uses d3.scaleOrdinal and the RdPu color scheme to explain the ordinal classes.

Bbeca8675

77% match