Gist c5464c81f3437808eb7f9c296e71b51a

100%

Gist c5464c81f3437808eb7f9c296e71b51a

✓ Published0🌍 Public

Last edited Apr 14, 2021

Created on Apr 14, 2021

This visualization displays the administrative boundaries of US states and Canadian provinces from a GeoJSON dataset. Using D3.js, the map renders the geographic polygons as an interactive choropleth, with each state or province colored distinctly. The visualization leverages the GeoJSON FeatureCollection to draw boundaries, highlighting the administrative regions of North America.

AI-generated description

Similar vizzes

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

84% match

Loading thumbnail…

Gist 798feae1c276739f819a2f2b4784a728

This visualization displays the 50 U.S. states as a choropleth-style map using a GeoJSON file containing state boundaries and attributes. The map renders the contiguous United States with state polygons colored and labeled by state name, sourced from Natural Earth data via a GitHub gist. The visualization uses geographic coordinates (CRS84) to project state shapes, with Alaska and Hawaii positioned separately, allowing viewers to see the full national extent at a glance.

AAlan McConchie

83% match

Loading thumbnail…

states.geojson

This example visualizes the boundaries of all U.S. states from a GeoJSON file. The data is rendered as a static map using D3's geographic projections and path generators (e.g., d3.geoPath), with each state's polygon colored distinctly to show its shape and relative location. The visualization relies on the coordinate geometry in states.geojson to draw the contiguous United States, Alaska, and Hawaii, enabling quick comparison of state boundaries and spatial layout.

WWill Carter

81% match

Loading thumbnail…

Gist 4f0c8fb5332c2deba6c05cc673c84000

This visualization displays the geographic boundaries of US states, rendered as SVG paths from a local `us-states.json` GeoJSON file. It uses `d3.geo.albersUsa()` to set an Albers equal-area conic projection, `d3.geo.path()` to generate the path data for each state feature, and appends the resulting paths to a fixed 700x580 SVG canvas. The code loads the data via `d3.json()` and iterates over the GeoJSON features to draw each state shape, though it only maps the coordinates without additional styling or interactivity.

SSamyMe

80% match

Loading thumbnail…

Gist 08d3bc545278d6a3b2d22df875392612

This example visualizes U.S. state boundaries using D3 v4’s geoAlbersUsa projection and d3.geoPath to render geographic features from a local us-states.json file. The SVG canvas, sized 700x580, is appended to the body, and each state’s polygon is drawn as a path element with a default fill and stroke. The map is centered using a translate of [width/2, height/2], and the simple code demonstrates how to load and project GeoJSON data for display. No interactions or styling are applied, keeping the focus on the map layout.

JJoymangulJensen

80% match

Loading thumbnail…

Gist 6b64443aba2850cb55742070acbbd681

A choropleth-style map of U.S. states rendered with D3 v4, using the `d3.geoAlbersUsa` projection and `d3.geoPath` to draw each state's boundaries from the included `us-states.json` GeoJSON data. The SVG canvas is fixed at 700 by 580 pixels. No additional styling or interactivity is applied; the visualization simply displays the unadorned state outlines.

RRemiFaure

80% match

Loading thumbnail…

Gist c74a36a544e6649522366453f5e1d6fa

A choropleth-style map of the United States renders state boundaries as black outlines on a white background, using an Albers USA projection centered within a 700x580 SVG. The visualization loads geographic features from a local `us-states.json` file and draws each state path via D3 v4’s `d3.geoPath` with a `d3.geoAlbersUsa` projection. No data values or color encoding are applied, leaving the map purely as a geometric outline of the country’s administrative divisions.

EEssohanamKouyou

80% match

Loading thumbnail…

Gist ac8a3dad7ca4f38ccd1e41d681f304d5

This visualization maps the geographic centroids of U.S. states as points, using a GeoJSON dataset that includes detailed attributes for each state. The map likely uses D3.js to plot the points, with the state names or abbreviations as labels, and the points positioned at the centroid coordinates. The visualization is a simple, static representation of state locations, useful for geographic reference or as a base layer for further data encoding.

AAlan McConchie

79% match