Terra Time

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

Category: Vibe Coding · Year: 2026 · Services: Concept, Data Viz, UI Design, Frontend · Client: Personal

◄ Works

TerraTime homepage — world map with day/night terminator and pinned-city sidebar

OverviewWatch the world turn.

built with claude · shipped to vercel

Terra Time answers two frustrations: world-clock apps that hide the sun's position, and astronomy tools that hide the people. It renders the day/night terminator live over a flat map, lets you pin cities to a sidebar that re-sorts as you drag the timeline, and switches between Time mode (second-resolution, for daily scheduling) and Date mode (day-resolution, for travel planning). Built solo with Claude, shipped to Vercel; next: a multi-city view showing daylight windows overlap, not just each city's cycle alone.

Visit live site ↗

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.

What it's built on

NameType

Next.jsDeliverable

TypeScriptDeliverable

D3 / SVGDeliverable

date-fns-tzDeliverable

VercelDeliverable

What was built

NameType

Product conceptDeliverable

Data visualizationDeliverable

UI designDeliverable

Frontend implementationDeliverable

For Help, press F1

terra_time.doc