Skip to content

Replace static hero with animated rotating globe#69

Merged
rdhyee merged 1 commit intoisamplesorg:mainfrom
rdhyee:feature/animated-globe-hero
Mar 27, 2026
Merged

Replace static hero with animated rotating globe#69
rdhyee merged 1 commit intoisamplesorg:mainfrom
rdhyee:feature/animated-globe-hero

Conversation

@rdhyee
Copy link
Copy Markdown
Contributor

@rdhyee rdhyee commented Mar 27, 2026

Summary

  • Replaces the static isamples_planet.jpg hero image with an animated WebP showing the Cesium globe rotating with 38K H3 cluster data points
  • 90-frame seamless loop, 6 seconds, 2.8 MB (vs 1 MB static JPG)
  • All four sources visible: SESAR (blue), OpenContext (orange), GEOME (green), Smithsonian (pink)
  • Addresses rotating globe on home page #55 (rotating globe on homepage)

How it was made

Standalone Cesium page loaded H3 res4 data from R2 via DuckDB-WASM, Playwright captured 90 frames during a 360° rotation, stitched with img2webp.

Test plan

  • Verify animated globe loads and loops on homepage
  • Check mobile performance (2.8 MB asset)
  • Verify click-through to Interactive Explorer still works
  • Test in Safari (WebP animated support)

🤖 Generated with Claude Code

Swap homepage hero from static isamples_planet.jpg to an animated
WebP showing the Cesium globe rotating with all 38K H3 cluster
data points (SESAR, OpenContext, GEOME, Smithsonian). 90 frames,
6-second seamless loop, 2.8 MB.

Addresses isamplesorg#55 (rotating globe request).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@rdhyee rdhyee merged commit cb16fb8 into isamplesorg:main Mar 27, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant