Snowden’s Route

100%

Snowden’s Route

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Jun 24, 2013

A world map in the Kavrayskiy VII projection traces Edward Snowden’s flight path from Honolulu to Hong Kong, Moscow, Havana, Caracas, and Quito as a red line. Red-ringed markers label each airport with its three-letter code. The map renders via D3’s geo projection API, using `d3.geo.kavrayskiy7()`, `d3.geo.path()`, and a geographic graticule, overlaid with land and country boundaries from a TopoJSON source loaded through `topojson.feature` and `topojson.mesh`.

AI-generated description

In response to Oliver O’Brien’s analysis of Snowden Route Maps. D3’s geographic projection system assumes great-arc segments between points, so it’s easy to build route maps like this.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

CCPD Snowden

This example uses a Capacity Constrained Point Distribution to render a portrait of Edward Snowden from a photograph. The code loads the image via a Canvas `getImageData` call, samples pixels to generate a set of points, and then iteratively swaps points between neighboring Voronoi cells—computed with `d3.voronoi`—to evenly distribute them according to local image density. The resulting animation shows the points and Voronoi polygons updating in SVG as the distribution converges, with the final arrangement forming the recognizable portrait. The algorithm is a faster variant of the original capacity-constrained approach, using only local neighborhood swaps.

PPhilippe Rivière

61% match

Loading thumbnail…

World Map

This world map colors each country with a unique color from a categorical scale, using a Kavrayskiy VII projection and a graticule overlay. The map is rendered as SVG with d3.geo.path, and country boundaries are drawn as a white mesh via topojson.mesh. Country colors are assigned sequentially by a neighbor-based algorithm in the data join, ensuring adjacent countries differ. The Natural Earth Admin 0 countries dataset is loaded as TopoJSON, with each country identified by its ISO 3166-1 numeric code.

Mmbostock

59% match

Loading thumbnail…

world map

This example displays a world map using a spherical projection. It renders countries as green paths with black outlines on a blue ocean sphere, and hovering over a country highlights it in orange. Built with D3 and TopoJSON, it uses `d3.geoEquirectangular` for projection and `d3.geoPath` to generate SVG paths from GeoJSON data sourced from the world-atlas countries-110m.json file. The visualization employs D3’s `select` and `json` methods to load and append geographic features to the SVG.

Sshabbab01

59% match

Loading thumbnail…

world map

This example displays a world map using an orange sphere and red countries outlined in black, rendered as an SVG via D3 v5. It loads geographic data from a TopoJSON file and converts it to GeoJSON using the `topojson.feature` method. The map applies the `geoNaturalEarth1` projection and draws paths with `d3.geoPath`, while a separate path outlines the globe’s sphere.

Uubl2

58% match

Loading thumbnail…

Sophie's Let's make a map with D3.js!

This example shows a world map rendered with a natural Earth projection, where each country is filled in light green and outlined with a faint black stroke against a blue ocean sphere. It uses D3 v5 and TopoJSON to load world-atlas data and convert it into GeoJSON features for drawing. The map is rendered as SVG paths using `d3.geoPath` and `d3.geoNaturalEarth1`, with the sphere backdrop drawn first and country boundaries appended dynamically after the data loads.

Ssophburke

58% match

Loading thumbnail…

World Tour

A rotating orthographic globe cycles through countries one by one, highlighting each in red while graying out the landmasses and drawing white borders. A title at the bottom displays the current country’s name. Built with D3 v3 and TopoJSON, it uses `d3.geo.orthographic` for projection, `d3.geo.path` with a Canvas 2D context for rendering, and `d3.transition` tweens to animate rotation toward each country’s centroid. Country names come from an external TSV file matched by ID.

Mmbostock

58% match

Loading thumbnail…

Kavrayskiy VII

This example displays the Kavrayskiy VII projection, a pseudocylindrical world map. It renders the Earth’s landmasses in dark gray with white country boundaries, overlaid on a graticule and sphere outline. Built with D3 v3, it uses `d3.geo.kavrayskiy7`, `d3.geo.path`, and `d3.geo.graticule`, loading world data via TopoJSON. Land and mesh features are drawn as SVG paths, with the projected sphere defined as a reusable path element.

Mmbostock

58% match

Loading thumbnail…

ICE-08 11603435

This visualization displays a world map using an equirectangular projection, with countries rendered as black-filled paths against a blue ocean sphere. It loads geospatial data from the world-atlas TopoJSON file and converts it to GeoJSON using the `feature()` method from TopoJSON. The D3 v5 code employs `geoEquirectangular()`, `geoPath()`, and `.projection()` to generate the map geometry. Countries change to a red color on hover through a CSS `:hover` rule, and the SVG output is fixed at 960 by 500 pixels.

0057SatvikDamera

58% match