A simple, interactive web app that shows which first-magnitude stars are visible from a given location and time. This is very friendly for beginner of astronomy to get familiar with the sky. Built with SvelteKit and deployed on Vercel.
👉 Live Demo: https://mr-sky.vercel.app/
- 🌍 Input your city name or latitude / longitude
- ⏰ Select a date and time to view the night sky
- 🌌 Displays which famous stars are visible, including:
- Sirius (天狼星)
- Vega (织女一)
- Betelgeuse (参宿四)
- Arcturus (大角)
- Altair (河鼓二)
- ...and many more!
- 🎯 Simple interface, no external graphics or libraries required
To run locally:
# 1. Clone the repository
git clone https://github.com/Huginn-ai/astronomyChart.git
# 2. Enter the project directory
cd astronomyChart
# 3. Install dependencies
npm install
npm install svelte-i18n
# 4. Run the development server
npm run devThen open your browser to http://localhost:5173 (or whichever port is shown).
astronomyChart/
├── src/
│ ├── routes/ # Pages (+page.svelte, +layout.svelte)
│ ├── lib/ # Star data, coordinate conversion
│ └── app.html # HTML entry point
├── static/ # Public assets (favicon, robots.txt)
├── package.json
├── svelte.config.js
└── vite.config.ts
- 📍 Display precise positions for each star and constellation ✅finished on 10.10.2025 (e.g. 15° west of north, 45° above the horizon)
- 🌐 Add language selection — switch between English and 中文 ✅finished on 10.10.2025
- 🌌 Expand and update the star catalog with more celestial objects
- 🔗 Create dedicated pages for each star and constellation
— click a name to view detailed descriptions, visibility data, and mythology - 🎨 Beautify the background of home page
- 📊 Write an algorithm to decide how easy can the target been seen, and range the targets in this order (from the easiest to the hardest)
- 🗺️ Create a sky map for the celestial. ✅finished on 10.16.2025
Created by Caiqi (Maggie) Rao (github: Huginn-ai) Discord: mingerke_67210