Skip to main content
100%

Gist 57ea4f5c69eb3675c729

✓ Published0🌍 Public
Aandrewthornton
Last edited Feb 19, 2016
Created on Feb 19, 2016

This map visualizes U.S. congressional districts with population data, using color to encode the total population and voting-age population for each district. The visualization employs a choropleth style, where district boundaries from the GeoJSON file are rendered as polygons and shaded according to their associated population values. The author, andrewthornton, created this gist to display the demographic distribution across districts, with hover or selection interactions likely revealing exact population numbers for each geographic area.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist e89f79cdd91b46e346ff

This choropleth map visualizes voting-age population data across Virginia’s congressional districts using a GeoJSON file. Each district polygon is shaded according to its total voting-age population (PL10AA_TOT), with hover interactions likely revealing the associated values. The map uses geographic boundaries to encode the distribution of population counts across the state.

Aandrewthornton
82% match
Loading thumbnail…

Gist 334df5480f67798d54a9b2e827a2c37f

This visualization maps population counts for U.S. states and Canadian provinces using a geographic choropleth. It shows relative population density through color shading on a map, with darker areas indicating higher populations. The code uses D3.js with `d3.geoPath` to render the geographic outlines and applies a color scale to fill each region based on its population value from the CSV file. The visualization relies on standard D3 data loading and projection methods to display the map.

AAlan McConchie
78% match
Loading thumbnail…

Gist 1198897

This visualization demonstrates the geographic distribution of the 2010 U.S. Census data, mapping population counts and related demographic metrics across states. Built with Ruby and CartoDB importer, it renders interactive choropleth maps using color-coded polygons to represent data values, allowing users to explore spatial patterns in the dataset. The visualization leverages Google Spreadsheet integration for data input and PostgreSQL for storage, with map rendering handled through CartoDB’s geospatial processing pipeline.

Aandrewxhill
78% match
Loading thumbnail…

Shared Data

This interactive map visualizes the population distribution of the United States by rendering state and county boundaries alongside state centroids. Built using D3.js, the visualization combines `d3.geoPath` to project and draw the geographic shapes from the included `us-states.json` and `us-counties.json` files, while `d3.geoPath` also handles the state centroids from `us-state-centroids.json`. The map is rendered dynamically, displaying the detailed boundaries and population data sourced from the provided gist.

Mmbostock
76% match
Loading thumbnail…

Gist ae281423e3bbaa1cf17b70d2414f931f

This visualization compares U.S. state populations and House representation between 2010 and 2020, plotting each state as a circle sized by population and colored by change in representatives. It shows gains and losses in seats, with states like Texas and Florida growing while California, New York, and others shrink. The code uses d3.forceSimulation to position the circles and d3.geoPath to draw state boundaries from a TopoJSON map, with tooltips displaying exact figures. Data comes from the provided apportionment-2020.csv file.

AAlan McConchie
75% match
Loading thumbnail…

Gist 3ae14fd23a39bcd5ecd005a6cafa5e32

A map of the United States rendered in dark blue outlines against a black background, with states colored by population density using a sequential color scale. Built with D3.js and TopoJSON, the visualization loads US state boundary GeoJSON data and applies a yellow-to-red color gradient based on each state's population. Hovering over a state highlights it with a lighter stroke and displays a tooltip showing the state name and population. The map is centered and scaled to fit the continental United States.

TTommyCoin80
75% match
Loading thumbnail…

USA geojson

This example displays a choropleth map of the United States using GeoJSON data from a gist, with each state’s population from 2010 encoded by color. It uses d3-geo’s `d3.geoPath` to render the state boundaries and fill them with a color scale based on the `POP2010` property. The map is drawn with SVG, and the layout is generated by projecting the geographic coordinates. The rendering demonstrates how spatial data can be visually encoded using standard D3.js geographic utilities.

JJn1532
74% match
Loading thumbnail…

U.S. States

A choropleth map of U.S. states and world country borders, colored by population data (pop2005), uses a linear color scale from light gray to dark blue. The visualization, built with D3 v3, renders geographic features as SVG paths via `d3.geo.path` and a Mercator projection (`d3.geo.mercator`). Population data is loaded as TopoJSON from a CartoDB SQL API endpoint, and users can pan and zoom the map through `d3.behavior.zoom`, which updates the SVG group’s transform on redraw.

Aandrewxhill
73% match