Skip to main content
100%

Week 9 Make a Map

✓ Published0🌍 Public
JJacob Chlebowski
Last edited Oct 18, 2024
Created on Oct 18, 2024

This example presents an orthographic projection of the world map, tilted to match Earth's 23.5-degree axial tilt, with a continuous rotation animation and a day/night visual effect via the light and dark shading. The map is rendered using the d3-geo projection and geoPath, with country boundaries drawn from the visionscarto world-atlas topoJSON data. Static elements like graticule lines and the outline are drawn once, while the rotating countries update at a fixed speed using d3's timer. The code leverages the d3-geo library's geoOrthographic projection and geoGraticule for the spatial framework, and topojson-client to parse the world atlas data.

AI-generated description

Modified basic world map

Additions: <br>

  • Tilted the globe 23.5 degrees
  • Rotation animation
  • Day/Night effect

Author: Jacob Chlebowski - jachlebowski@wpi.edu

See also:

MIT Licensed

Similar vizzes