Skip to main content
100%

Gist ac8a3dad7ca4f38ccd1e41d681f304d5

✓ Published0🌍 Public
AAlan McConchie
Last edited Apr 27, 2021
Created on Apr 27, 2021

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.

AI-generated description

Similar vizzes

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…

Gist c5464c81f3437808eb7f9c296e71b51a

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.

AAlan McConchie
79% 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
79% 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
78% match
Loading thumbnail…

Gist a76504adb7799e4c28c6d1558bd35ce3

This example displays a map of the United States using an Albers USA projection, rendering state boundaries as SVG paths. It loads geographic data from a local `us-states.json` file containing a FeatureCollection of state polygons. The code uses d3.json to fetch the data and d3.geo.path with a d3.geo.albersUsa projection to convert GeoJSON coordinates into screen paths. The visualization presents a simple, static outline map without additional data encoding or interaction.

AAurelink
78% 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
78% match
Loading thumbnail…

Gist ea51c362645dc8fb9bdbba440558b37a

Atlas of the United States, using a TopoJSON shapefile rendered with `d3.geoPath` and a custom Albers projection. The map is overlaid with a graticule generated by `d3.geoGraticule`, and states are colored by a choropleth scale. The visualization is drawn on an SVG canvas, and the code uses `d3.json` to load the TopoJSON data and `topojson.feature` to convert it into GeoJSON. A tooltip appears on hover, displaying the state name and value.

CCliffordAnderson
77% match
Loading thumbnail…

Gist c7527476915607ec97df5ec292a38e8f

This example displays a static map of the United States using the Albers equal-area conic projection. The visualization renders all state boundaries as individual SVG paths, with Alaska and Hawaii included as multi-part polygons. The code loads geographic data from a local `us-states.json` file and uses the `d3.geo.albersUsa()` projection and `d3.geo.path()` API to convert GeoJSON coordinates into scalable vector graphics. Built with D3 version 3, the map fills the entire browser viewport.

RRomyRatolojanahary
77% match