Skip to content

A live, scrubable visualization of the planet's daylight cycle — pin your cities, scrub the timeline, see Earth tilt through the year.

Works
Category
Vibe Coding
Year
2026
Services
Concept, Data Viz, UI Design, Frontend
Client
Personal
17/ 21
built with claude · shipped to vercel

Watch the world turn.

Terra Time is a personal answer to two recurring frustrations: world-clock apps that hide the sun's position, and astronomy tools that hide the people. The page renders the day/night terminator live over a flat map, lets you pin any city to a sidebar that re-sorts as you drag the timeline, and slides between Time and Date modes — second-resolution for daily scheduling, day-resolution for travel planning. A tiny project, but it earns the screen-real-estate of a permanent browser tab.

Visit live site
TerraTime homepage — world map with day/night terminator and pinned-city sidebar
§ PagesKey surfaces
TerraTime in Date mode showing a multi-month timeline along the bottom for time-travel scrubbing
Date mode — scrub forward or back through any moment of the year.
§ StackWhat it's built on
  • 01Next.js
  • 02TypeScript
  • 03D3 / SVG
  • 04date-fns-tz
  • 05Vercel
§ ScopeWhat was built
  • 01Product concept
  • 02Data visualization
  • 03UI design
  • 04Frontend implementation