Skip to main content
100%

Shifted Alaska/Hawaii | CartoDB.js

✓ Published0🌍 Public
Aandrewxhill
Last edited Jan 15, 2014
Created on Jan 15, 2014

This interactive map shows the contiguous United States with Alaska and Hawaii repositioned for easier viewing. The visualization uses CartoDB.js to render congressional district polygons from a modified dataset. The underlying SQL applies PostGIS spatial transformations—including `ST_Translate`, `ST_Scale`, and `ST_Rotate`—to shift Alaska southwest and scale it down, while moving Hawaii eastward and reducing its size. An embedded iframe displays the resulting map with zoom and pan controls, allowing users to explore the adjusted geography.

AI-generated description

Similar vizzes

Loading thumbnail…

Reproject USA + Alaska & Hawaii moved

This visualization displays the contiguous United States with Alaska and Hawaii repositioned southwest of the lower 48 states. The map uses CartoDB’s SQL interface to reproject state geometries from the Natural Earth 50m admin boundaries dataset. It applies ST_Transform to convert the lower 48 into US National Atlas Equal Area projection (2163), while Alaska and Hawaii are scaled and translated using ST_Scale and ST_Translate from their native projections (3338 and 26961). The rendered preview is a static PNG image embedded in the HTML page.

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
70% 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
68% match
Loading thumbnail…

Force-Directed States of America

This interactive visualization displays the lower 48 U.S. states as a force-directed graph. Each state is a filled polygon node, and the links connecting them are derived from the Delaunay triangulation of state centroids. Users can click and drag states to rearrange the map, with the layout physics responding in real time. The code uses D3 v3 with the `d3.layout.force` API for simulation, `d3.geo.path` for rendering state shapes, and `d3.geom.voronoi` to compute the links. The map data comes from a JSON file of U.S. states, with Alaska, Hawaii, and Puerto Rico excluded.

Mmbostock
68% match
Loading thumbnail…

Fork of ICE8-Country Map(usa)

This example displays a choropleth map of US state boundaries using a modified Albers USA projection that includes Alaska, Hawaii, and US territories. The map renders as an SVG via React, using `d3.geoPath` to generate paths from TopoJSON data loaded from the US Atlas. State borders appear as teal strokes against a green fill, with state interior boundaries distinguished from outer edges through `topojson.mesh`. The visualization demonstrates the `geo-albers-usa-territories` projection library, integrating D3’s geographic utilities with React’s component structure to produce a clean, static map.

KKolliTeja
68% match
Loading thumbnail…

So you want a bigger Alaska?

This example displays a map of the United States with Alaska, Hawaii, and Puerto Rico repositioned and rescaled to reflect their accurate land areas. The custom `albersUsaPr` projection combines multiple conic equal-area projections for each region, using D3 v4's `d3.geoPath` to render state boundaries from TopoJSON. The modified projection, based on Mike Bostock's AlbersUSA, includes Puerto Rico and uses clip extents to separate regions while preserving relative size.

AAlan McConchie
67% match
Loading thumbnail…

[SO 37060362] AlbersUSA + PR / Composed projections

This example shows a modified Albers USA projection that adds Puerto Rico to the standard set of lower 48 states, Alaska, and Hawaii. The `albersUsaPr` function composes four separate conic projections—one for the contiguous United States, one each for Alaska and Hawaii, and a new one for Puerto Rico—and combines them into a single composite projection. A desktop perspective transform is applied on top, creating a subtle pseudo-3D “tilted map” effect where the vertical position dynamically scales horizontal coordinates. The visualization renders a world sphere, a 2°-step graticule, and the land mesh as SVG paths, demonstrating how custom projections can be composed in D3 v3 with streaming. The code includes the modified projection in `albers-usa-pr.js`, with the main page in `index.html`. It is forked from Mike Bostock’s block, licensed under GPL-3.0, and implemented with D3 v3.

Aaltocumulus
67% match
Loading thumbnail…

Albers USA

This example illustrates the Albers USA composite projection by dividing the map into four colored regions, each labeled with the conditional rule that determines which part of the United States it represents. It overlays a world map and graticule to show the geographic context. The visualization uses D3 v3 with `d3.geo.mercator`, `d3.geo.mercator`, `d3.geo.path`, and `d3.geo.graticule` to project and render SVG paths, while the division rectangles and lines are drawn manually to mark the Alaska, Hawaii, Puerto Rico, and lower-48 regions. World land data comes from a remote TopoJSON file.

Mmbostock
67% match