Flat Earth Map

100%

Flat Earth Map

✓ Published0🌍 Public

Last edited Oct 1, 2017

Created on Sep 29, 2017

This example visualizes the world as a spinning globe using the "Flat Earth" Azimuthal Equidistant projection, a map style associated with flat-Earth beliefs. The code loads geographic data from `world-110m` via TopoJSON and renders it with an SVG path. A `d3.timer` continuously updates the projection’s rotation, tilting the globe vertically while spinning it horizontally. The implementation uses `d3.geoAzimuthalEquidistant`, `d3.geoPath`, and `topojson.feature` to convert the TopoJSON land masses into a dynamic, animated display.

AI-generated description

A globe that spins, using the "Flat Earth" projection, which is also called the Azimuthal Equidistant projection. Uses world-110m from TOPOJSON World Atlas. Inspired by This Is a Globe.

I'm actually really intrigued that there are a bunch of people convinced the Earth is flat. Have you heard of this #FlatEarth "movement"? This is the map projection they believe is True. There's a wall of ice at the edge and beyond that it's just ice all the way.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/a9555f8041f04a5cbfb53e6f5c53caae'>Spinning Globe</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Flat-Polar Quartic

This example displays a world map projected using the flat-polar quartic projection, which flattens the poles into curved, diamond-like shapes. The map shows landmasses in dark gray with country boundaries in white, overlaid on a graticule grid and enclosed by a circular sphere outline. It uses D3 v3 with the `d3.geo.mtFlatPolarQuartic` projection, `d3.geo.path` for rendering SVG paths, and TopoJSON to load world-50m geographic data. A graticule layer is generated via `d3.geo.graticule`, and the sphere outline is reused as both stroke and fill.

Mmbostock

83% match

Loading thumbnail…

Spinning Globe

A spinning globe displays the world’s landmasses in an orthographic projection, rotating continuously while its tilt oscillates. The visualization uses D3 v4’s `d3.geoOrthographic()` projection and `d3.geoPath()` to render country polygons from the `world-110m` TopoJSON dataset. A timer updates the projection’s rotation and tilt, redrawing the SVG path each frame to create the animated effect.

CCurran Kelleher

82% match

Loading thumbnail…

Simplified Globe

A simplified globe spins continuously, displaying the world's landmasses as a dark silhouette against a plain background. The visualization uses an orthographic projection (`d3.geoOrthographic`) and renders the geographic features as an SVG path via `d3.geoPath`. Land data comes from the `world-110m` TopoJSON file, which is simplified with `topojson.presimplify` and `topojson.simplify`. A `d3.timer` drives the animation, rotating the projection and tilting it sinusoidally to create a wobbling effect.

CCurran Kelleher

82% match

Loading thumbnail…

This Is a Globe

A rotating orthographic globe displays Earth’s landmasses as a flat silhouette on a circular canvas. The map is rendered using D3 v3’s `d3.geo.orthographic` projection and `d3.geo.path`, with TopoJSON land data from the world-110m file. A `d3.timer` advances the rotation each frame, clearing and redrawing the canvas context, while a stroked arc outlines the sphere’s edge.

Mmbostock

81% match

Loading thumbnail…

Flat-Polar Parabolic

A flat-polar parabolic projection maps the world onto an oval-shaped canvas, with landmasses filled in dark gray and country boundaries marked by thin white lines. The visualization also includes a graticule grid and an outer sphere outline, rendered as SVG paths using d3.geo.path and the d3.geo.mtFlatPolarParabolic projection. Geographic data comes from a TopoJSON world file, processed via topojson.feature and topojson.mesh. The projection scale and translation are set explicitly, with precision configured for smooth rendering.

Mmbostock

81% match

Loading thumbnail…

Rotating Equirectangular

This example displays the world map using an equirectangular projection that continuously rotates horizontally. The visualization is rendered on an HTML5 Canvas element using the D3.js v3 and TopoJSON libraries, with a timer-driven animation. The projection’s rotation angle updates over time based on elapsed milliseconds, clearing and redrawing the filled land polygons each frame. World geometry comes from a remote GeoJSON file of 110-meter resolution, processed with `topojson.feature` and drawn via `d3.geo.path` with Canvas context.

Mmbostock

80% match

Loading thumbnail…

Flat-Polar Sinusoidal

This visualization displays a world map using the flat-polar sinusoidal projection, with landmasses shown in dark gray and country boundaries as white lines over a graticule. The map is rendered as SVG paths using d3.geo.path with d3.geo.mtFlatPolarSinusoidal, while d3.geo.graticule generates the latitude and longitude grid. Land and boundary data come from a TopoJSON file loaded via d3.json, with features extracted using topojson.feature and topojson.mesh.

Mmbostock

80% match

Loading thumbnail…

This Is a Globe in d3.v4

A continuously rotating orthographic projection of the world map, rendered as a spinning globe on a Canvas. The animation uses `d3.geoOrthographic` with a clip angle to show only the visible hemisphere, while `d3.geoPath` draws the land features from a TopoJSON world dataset. The rotation is driven by `d3.timer`, updating the projection’s rotation angle based on elapsed time. A static circle outlines the globe’s edge, with the map redrawn and cleared each frame.

PPhilippe Rivière

79% match