100%

US Federal Judicial Districts

✓ Published0🌍 Public

Last edited May 6, 2014

Created on May 4, 2014

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.

AI-generated description

US Federal Judicial Districts

Sources:

Similar vizzes

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

73% match

Loading thumbnail…

US Map

This interactive visualization displays all US counties as a choropleth-style map rendered with a natural Earth projection using d3.geoPath. The map is drawn with SVG elements, featuring graticules and a sphere outline to provide geographic context. County boundaries come from a TopoJSON file loaded asynchronously and converted to GeoJSON features. Built with React and D3 v7, the visualization dynamically fills the browser window and uses the Poppins font for its minimal interface.

JJohn Lewis

71% match

Loading thumbnail…

Us 2020 elections by county

A choropleth map of the US 2020 presidential election results by county colors each county on a red-blue diverging scale based on the margin between Democratic and Republican votes, with state borders overlaid in white. Hovering over a county updates a detail panel showing the vote percentages and a horizontal bar comparison between Joe Biden and Donald Trump. The visualization uses D3 v4 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON county boundaries from the US Census, while `d3.scaleSequential` with `d3.interpolateRdBu` handles the color encoding. Data comes from The Guardian and USA Today.

Ggcappadaniel

71% match

Loading thumbnail…

Map D3

This map displays the counties of the United States using a natural Earth projection. The visualization draws each county as a separate SVG path, with white fill and black borders. The code loads TopoJSON data from a remote source, converts it to GeoJSON using the `topojson.feature` API, and renders it with `d3.geoPath` and `d3.geoNaturalEarth1`. It utilizes the D3 v5 library and appends all shapes within a single SVG container.

CChristopher Repka

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

69% match

Loading thumbnail…

US MAP

This interactive visualization displays a choropleth-style map of the United States, rendered as an SVG using React and D3 v5. The map shows state boundaries through purple interior lines, with land areas filled in green against a dark blue sphere background. The code employs `d3.geoAlbers` for the Albers equal-area projection, `d3.geoPath` to generate SVG paths, and `d3.geoGraticule` for grid lines. Geographic data comes from the `us-atlas` TopoJSON file, processed through `feature` and `mesh` from topojson library.

Ssiddu7147

69% match

Loading thumbnail…

Congressional District Topology

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.

Mmbostock

69% match

Loading thumbnail…

country map

This visualization displays a map of the United States at the county level, using a green fill with black borders that highlight individual county boundaries. Hovering over any county changes its fill color to yellow. The map is rendered as SVG using D3 v5, with geographic projections handled by `d3.geoAlbersUsa` and `d3.geoPath`. County boundaries are generated from TopoJSON data loaded from the us-atlas package, and the code relies on `topojson.feature` to extract geographic features and `topojson.mesh` for boundary calculations.

Ddivyagunuguntla

69% match