Congressional District Topology

100%

Congressional District Topology

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Apr 4, 2014

This example visualizes the adjacency graph of U.S. congressional districts from the 113th Congress, drawing a node-link diagram atop a faded map of the country. District centroids serve as nodes, with edges connecting neighboring districts; districts off the map are excluded, and only links between earlier and later features are drawn. Built with d3.v3, the map uses d3.geo.albersUsa projection and d3.geo.path for rendering, while topological relationships are computed via topojson.neighbors and topojson.feature. The final graph is drawn as an SVG path, merging neighbor pairs with d3.merge.

AI-generated description

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Neighboring Congressional Districts

This example visualizes neighboring congressional districts from the 113th congress, highlighting the hovered district in red and its adjacent districts in orange. It uses topojson.neighbors to detect shared edges between district geometries. The map is rendered with d3.geo.path and an Albers USA projection, displaying district and state borders as white meshes. Hovering triggers a mouseover event that classifies neighboring districts via d3.selectAll, while the underlying geographic data comes from two TopoJSON files.

Mmbostock

85% match

Loading thumbnail…

113th U.S. Congressional Districts

This example displays the 113th U.S. Congressional districts as an interactive choropleth map, with each district shading orange on hover over a gray base. It uses a custom Albers USA projection via `d3.geo.albersUsa()` and renders SVG paths with `d3.geo.path`. District and state boundaries are drawn as white strokes using `topojson.mesh`, while district features come from `topojson.feature` on data fetched from GitHub-hosted JSON files. The visualization clips all paths to the landmass using a clip path derived from a US TopoJSON mesh.

Mmbostock

82% match

Loading thumbnail…

County Topology

This graph shows the topology of U.S. counties as a network, where each node sits at a county centroid and links connect neighboring counties that share borders. The visualization uses simplified geometry from a TopoJSON file, rendering the nation and county boundaries as SVG paths via `d3.geoPath`. Node positions come from path centroids, while neighbor relationships derive from `topojson.neighbors` on the county geometries. Edges are drawn as straight lines between connected centroids, overlaid on the map to reveal adjacency patterns across the country.

Mmbostock

78% match

Loading thumbnail…

County Topology

This graph displays the topology of U.S. counties, with each node positioned at its county centroid and links connecting neighboring counties that share a border. The visualization uses TopoJSON’s `topojson.neighbors` to identify adjacent counties and `d3.geoPath` to compute centroids from simplified geometry. A background map and white county mesh provide geographic context, while black lines trace the adjacency network. The code loads data from the us-10m.v1.json file and renders entirely in SVG using D3 v4.

FFrissAnalytics

76% match

Loading thumbnail…

State-Adjacency

This force-directed graph maps the adjacency relationships between U.S. states and the District of Columbia, using a node-link layout to reveal geographic connectivity as a graph structure. Each state is represented by a node, and links indicate shared borders. The visualization makes it easy to spot Maine (ME) as the only state with a single connection, while Florida, South Carolina, DC, and Washington each connect to just two others. New York emerges as the critical hub, linking Vermont, Massachusetts, Connecticut, and other New England states, and the layout’s physical simulation pushes boundary states to the edges.

CChristosT

71% match

Loading thumbnail…

Junction Finding

This example visualizes the topology of the contiguous United States by drawing the mesh of internal boundaries and marking junction points where three or more arcs meet. It uses the TopoJSON library to compute the mesh from the `us.json` topology file, with `d3.geo.path` rendering the SVG paths. Circles are placed at junctions by counting arc endpoints, and the transformation scales coordinates to map space using the topology's transform metadata.

Mmbostock

70% match

Loading thumbnail…

U.S. Congressional Districts

This map shows U.S. congressional districts for a selected state, displayed as semi-transparent pink polygons over a Mapbox basemap. The visualization uses Mapbox GL JS to render a GeoJSON source fetched from an AWS API Gateway endpoint, which returns district boundaries for the requested state (defaulting to Indiana). After loading, the map automatically flies to the first polygon’s coordinates, zooming in for detail. The code relies on Mapbox’s `addSource` and `addLayer` methods, plus the `flyTo` animation, with no additional charting libraries.

WWill Carter

70% match

Loading thumbnail…

US Federal Judicial Districts

This visualization maps US federal judicial districts, with each district filled by color and labeled with its judicial district code. The map includes county boundaries and uses an SVG renderer with D3’s geographic path generator. Clicking a district logs the number of Democratic and Republican presidential appointees serving as active judges in that district, with the underlying data prepared from a TopoJSON pipeline that merges county-level geometries into districts.

CCaged

69% match