Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Week 9 Make a Map

Public visualization

Viewing a saved revision (read-only)

3a98731d622c4e93858dfc814685fb6c

Week 9 Make a Map

0 stars0🌍 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 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