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 shows an animated orthographic world map that rotates continuously while simulating day and night shading. The globe is tilted at Earth's 23.5-degree axial angle, with a dark-to-light sequential color scale marking the sunlit and shadowed hemispheres. Using d3.geoOrthographic and d3.geoPath, it renders country boundaries from the visionscarto world-atlas TopoJSON source, with d3.geoGraticule adding latitude and longitude lines. A d3.timer drives the rotation and shading updates, while a d3.scaleSequential with interpolateHcl creates the dusk-like color gradient.

AI-generated description

Modified asic 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