Skip to main content
100%

US States Choropleth Small Multiples

✓ Published0🌍 Public
Aandyreagan
Last edited Jul 17, 2018
Created on Jul 17, 2018

This visualization presents small multiples of choropleth maps for each US state, showing revenue data across multiple years. Each state is rendered in its own SVG panel, with color intensity encoding the magnitude of the selected revenue variable. The maps are built with D3 v4 using TopoJSON for state boundaries and CSV data loaded from the source file, enabling comparison of fiscal patterns across states and years.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/7bb8bf04742c84929fc5210d1f257e93'>US States Choropleth Small Multiples</a>

mit Licensed

Similar vizzes

Loading thumbnail…

US States Cloropleth Reusable module

This reusable module renders a choropleth of US states using D3 v4, displaying state-level data from the Census of Governments revenue dataset. The SVG visualization colors each state based on a selected revenue metric, with a color scale mapping data values to hues. The module is designed for reuse, allowing users to plug in different data columns from the CSV file. It reads the CSV data, joins it with a US TopoJSON geometry, and fills each state path with a color corresponding to the chosen data value. The example highlights the distribution of state government finances, such as total revenue or specific tax categories, across the United States, with hover interactions for detail.

Aandyreagan
84% match
Loading thumbnail…

US States Cloropleth Reusable module

This choropleth shows US state revenues from the Census Bureau’s Annual Survey of State Government Finances, colored by total revenue per state for 2008. The reusable D3 v4 module renders an SVG map of the United States, using a diverging color scale to encode revenue values and providing hover interactions to highlight individual states and display their data. Built from a block by john-guerra, this version generalizes the visualization into a reusable component, making it easy to adapt for other datasets or years. The map is accompanied by a legend and supports tooltips for state-level inspection, all within a clean, MIT-licensed implementation.

Aadamlenart
83% match
Loading thumbnail…

US States Cloropleth Reusable module

This example builds a reusable D3 v4 module for a choropleth map of US states, rendering an SVG map colored by a data variable. It loads state-level revenue data from a CSV and joins it to geographic features of US states, then applies a color scale to visualize the selected variable across the map. The module is designed for reuse, with the map rendered entirely in SVG, and is licensed under MIT.

Aandyreagan
81% match
Loading thumbnail…

US State Map

This interactive choropleth of the United States displays synthetic data for three metrics—low, average, and high—for each state, drawn as SVG paths with hover tooltips. Clicking or hovering over a state reveals a tooltip with the three values. The map is rendered using D3 v3, with states colored via a yellow-to-red interpolated scale based on randomly generated sample values. The visualization also includes animation and is built from West Nile virus surveillance data, with tooltips showing per-state totals.

Aannalabrozzi
79% match
Loading thumbnail…

Choropleth Map

A choropleth map of United States states renders geographic boundaries as SVG paths, colored light blue with black outlines and a red hover state. The map uses the topojson library to convert US Atlas TopoJSON data into GeoJSON features, then projects them with d3.geoAlbersUsa and renders them via d3.geoPath. Interactive zooming is enabled through a d3.zoom event that applies transform updates to the map group, while a categorical color legend displays the domain. State data loads from a remote US Atlas JSON file.

NNicholas Papacostas
79% match
Loading thumbnail…

U.S. States TopoJSON small multiples

This example shows a small multiple of the United States, displaying 81 separate SVG maps, each with the nation’s landmass, county boundaries, and state borders drawn in a dark theme. The visualization uses TopoJSON to parse a US Census Bureau shapefile, with `d3.geo.albersUsa` projecting the geographic data onto a 96-by-50-pixel canvas. Each map is rendered by iterating over the topojson features and meshes, applying the same projection and path-generation logic to create a grid of repeated state outlines.

PPhilippe Rivière
78% match
Loading thumbnail…

US State Map

This interactive US state map visualizes sample data for each state using an SVG-based choropleth. States are colored according to randomly generated low, average, and high values per state, using a yellow-to-dark-red interpolated color scale. Hovering over a state triggers a tooltip displaying its name and the low, average, and high values. The map is rendered with D3 v3 and includes simple hover animations that adjust fill opacity. Data is randomly generated for each state on load, with tooltips providing detailed numeric information.

Aaax951
78% match
Loading thumbnail…

USA Map

This visualization displays a choropleth map of the United States, where individual states are filled with varying intensities of red based on values loaded from a CSV file. States without matching data appear in gray. The map is rendered as an SVG using D3.js, with geographic boundaries drawn via `d3.geoPath` and TopoJSON features from the `us-10m.v1.json` dataset. A `d3.scaleLinear` maps data values to a color range from light red to deep red for each state's fill.

Hharsha
78% match