Cassini

100%

✓ Published0🌍 Public

Last edited Mar 10, 2019

Created on Jun 2, 2013

The Cassini visualization presents a world map using the transverse equirectangular projection, rotated 90 degrees and rendered as an SVG. The landmasses are filled in dark gray while country boundaries appear as white lines, all overlaid with a graticule grid. The example uses d3.geo.equirectangular, d3.geo.path, and d3.geo.graticule from D3 v3, alongside topojson.feature and topojson.mesh to process the world-50m.json data. The entire drawing is rotated on the SVG canvas to achieve the final orientation.

AI-generated description

The Cassini projection is a transverse aspect of the equirectangular projection; it is largely replaced in use today by the transverse Mercator projection.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Transverse Mercator

This example demonstrates the transverse Mercator map projection, displaying world landmasses and country boundaries within a graticule grid. The map is rendered as SVG using the D3.js library, specifically employing the `d3.geoTransverseMercator` projection and `d3.geoPath` for drawing geometries. World data comes from the `world-atlas` package, processed with `topojson-client` to extract land and boundary features. The visualization includes a spherical outline, a graticule, and styled land and boundary paths, all centered within a 960x960 canvas.

Mmbostock

75% match

Loading thumbnail…

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.

Mmbostock

74% match

Loading thumbnail…

Untitled

This example displays a world map rendered as SVG paths, with each country filled in grey and stroked with white. The visualization uses a Mercator projection centered on the equator, configured via `d3.geoMercator` with a custom scale and rotation. The code loads US Atlas topology data from a remote JSON file and uses `topojson.feature` to extract country boundaries, which are then drawn with `d3.geoPath`. The SVG container is created using `d3.select` and appended to the document body.

Sspace-captain96

73% match

Loading thumbnail…

Eckert V

This example displays a world map on the Eckert V projection, rendered in SVG for a 960-by-500 viewport. It uses the `d3.geo.eckert5` projection from the geo.projection plugin and `d3.geo.path` to draw graticules, landmasses from a TopoJSON world-50m file, and country boundaries derived via `topojson.mesh`. The map is styled with contrasting strokes and fills against a light background.

Mmbostock

73% match

Loading thumbnail…

Eckert III

This example demonstrates the Eckert III map projection, a pseudocylindrical projection that preserves equal area. The SVG canvas displays a graticule and world map, with landmasses rendered in dark gray and country boundaries in white. Using the D3 v3 library, the code employs `d3.geo.eckert3()` for the projection, `d3.geo.path()` to draw geographic paths, and `d3.geo.graticule()` to generate the grid. The world map data is loaded from a remote GeoJSON file via `d3.json()` and transformed using the TopoJSON library.

Mmbostock

73% match

Loading thumbnail…

Eckert IV

This example demonstrates the Eckert IV map projection, a pseudocylindrical equal-area projection that renders the entire world on a 960 by 500 pixel SVG canvas. The visualization displays the projected globe with graticule lines, landmasses in dark gray, and country boundaries in white. Using D3.js v3, the code employs `d3.geo.eckert4()` alongside the `d3.geo.path`, `d3.geo.graticule`, and the `d3.geo.projection` plugin to construct paths. World map data comes from a GeoJSON file containing 50-meter resolution land and country features, processed through TopoJSON.

Mmbostock

72% match

Loading thumbnail…

Cylindrical Stereographic

A world map is rendered using the cylindrical stereographic projection, showcasing global landmasses and country boundaries over a graticule grid. The visualization uses the `d3.geoCylindricalStereographic` projection from the d3-geo-projection plugin, with `d3.geoPath` drawing the geographic features. Land areas are filled dark, while country borders appear as white lines, and the sphere outline is traced in black. The map is built from TopoJSON world data loaded via `d3.json`, with geographic features extracted using the `topojson.feature` and `topojson.mesh` APIs.

Mmbostock

72% match

Loading thumbnail…

Equidistant Conic Projection

This example shows a world map drawn with the equidistant conic projection, including a graticule, landmasses, and country boundaries. The map is rendered as SVG using D3’s `d3.geo.conicEquidistant` projection and `d3.geo.path` to generate the paths. A sphere outline and graticule are drawn first, then geographic data from a TopoJSON file (`world-50m.json`) is loaded with `topojson.feature` and `topojson.mesh` to display land and political borders.

Mmbostock

72% match