Flat-Polar Parabolic

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.

91% match

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.

90% match

Craster Parabolic

This example displays a world map projected using the Craster parabolic projection, with graticule lines, country boundaries, and landmasses rendered in SVG. The visualization uses d3.geo.craster from the d3.geo.projection.v0 library, along with d3.geo.path for geographic path generation and topojson.v1 to parse world-50m.json data. A sphere outline and fill are drawn first, followed by graticule and geographic features from the TopoJSON file, with styling applied via CSS classes.

Polyconic

This visualization demonstrates the Polyconic map projection, a compromise projection that preserves distances along the central meridian and each parallel. It displays the world’s landmasses as solid black shapes with white country boundaries, overlaid on a graticule grid and an outlined sphere. The example uses the D3 v3 library with the `d3.geo.polyconic` projection plugin, `d3.geo.path` for rendering, and `topojson.v1` to process world-50m.json geographic data, drawing everything as SVG paths.

August Projection

This example displays a world map using the August projection, a pseudocylindrical equal-area projection that curves parallels and meridians into distinctive intertwined shapes. The map renders land masses in dark gray with white country boundaries overlaid on a graticule, all enclosed within a spherical outline. Using D3 v3, the code employs `d3.geo.august` for the projection, `d3.geo.path` to draw geographic features, and `d3.geo.graticule` for the grid. TopoJSON data provides the world land and country boundaries, loaded from an external JSON file.

Rectangular Polyconic

This example demonstrates the rectangular polyconic map projection, a pseudoconical projection that renders the world with curved meridians and straight parallels. The map shows landmasses in dark gray with country boundaries in white, overlaid on a graticule grid and enclosed by a spherical outline. Built with D3.js v3, it uses `d3.geo.rectangularPolyconic` from the extended projections plugin, `d3.geo.path` for geographic rendering, and `d3.geo.graticule` to generate the grid. World geometry comes from a TopoJSON file loaded via `topojson.feature` and `topojson.mesh`.

Flat Earth Map

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.

CCurran Kelleher