https://github.com/dnouri/daylight-hours

Visualize sunrise, sunset, and daylight patterns throughout the year
https://github.com/dnouri/daylight-hours

Last synced: 8 months ago
JSON representation

Visualize sunrise, sunset, and daylight patterns throughout the year

• Host: GitHub
• URL: https://github.com/dnouri/daylight-hours
• Owner: dnouri
• Created: 2025-08-31T20:31:19.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2025-09-02T19:39:51.000Z (10 months ago)
• Last Synced: 2025-09-02T21:21:31.881Z (10 months ago)
• Language: JavaScript
• Size: 434 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Daylight Hours - Visualize sunrise, sunset, and daylight patterns throughout the year

See how daylight changes throughout the year for any location on Earth. Explore the rhythms of sunrise and sunset, discover when days are longest and shortest, and understand how latitude affects daylight patterns.

**[Try it live →](https://dnouri.github.io/daylight-hours/)**

![Daylight Hours Screenshot](screenshot.jpg)

## Features

**Interactive visualization** shows a full year of daylight data centered on today, making it easy to see seasonal patterns and upcoming changes.

**Compare multiple locations** simultaneously to understand how daylight varies across different latitudes - perfect for exploring how seasons differ around the world.

**Solar noon tracking** shows when the sun reaches its highest point each day and its maximum altitude, revealing how solar noon shifts throughout the year.

**30-day outlook** indicates whether your days are getting longer or shorter and by how much, helping you anticipate upcoming daylight changes.

**Local time display** automatically adjusts sunrise and sunset times to each location's timezone, showing you the actual times you'd experience there.

**Works offline** after first load, so you can check daylight patterns even without an internet connection.

**Mobile-friendly** design works seamlessly on phones, tablets, and desktops with an intuitive touch interface.

## Built With

- **D3.js** for interactive data visualization

- **SunCalc.js** for accurate astronomical calculations

- **OpenStreetMap Nominatim** for location search

- **Service Workers** for offline functionality