5 ms·
Show HN: Interactive 3D WebGL Globe for real-time daylight cycles
Oclock is an interactive 3D WebGL globe that visualizes real-time daylight cycles. Built with Globe.gl and pre-processed spatial data pipeline.
Processing Pipeline
The data generation is handled by timezone_data_generator.py. This script performs the following:
1. Geometry Analysis: Uses shapely to find a representative point inside each country's boundary.
2. Timezone Mapping: Uses timezonefinder to look up the specific IANA timezone string for those coordinates.
3. Data Injection: Injects the timezone and coordinates back into the GeoJSON properties for use by the frontend.
Live Demo: https://azialle.github.io/Oclock/ https://azialle.github.io/Oclock/
- codechibi 8mo agoI wanted to visualize global time and daylight cycles in a way that moved beyond the typical 2D map or static list. By using a custom spatial data pipeline and a 3D visualization engine, I built Oclock to render the Earth's day-night interface within a real-time, interactive environment. This is an open-source project, and I’d love for the community to check it out!
- koalux 8mo agoCool visualization! It’s satisfying to navigate the 3D globe and see the daylight transitions in real-time. I looked into the project and thanks for sharing the Python code you used for generating the GeoJSON data. Starred on GitHub!
- codechibi 8mo agoThanks a lot! I’m really glad you enjoyed the globe, I agree that it’s fun watching in real time. Happy to hear the Python code was helpful too, and I appreciate the GitHub star!
- skyberrys 8mo agoIt's a fun little project! It's satisfying to see the sunrise just happened for me.
- codechibi 8mo agoThanks! Glad you enjoyed it. It’s one of the details that makes the globe feel more alive.