An interactive, browser-based visualization of the solar system built with HTML, CSS, and vanilla JavaScript. Explore planets and major moons in a polished 3D scene: drag to rotate the view, click bodies to reveal facts, toggle orbits and satellites, and adjust animation speed. 🚀🪐
- Interactive info panel for the Sun, 8 planets, and notable moons. 🧭
- Drag-to-rotate perspective with smooth easing and Reset View. 🖱️
- Speed control (0.5x/1x/2x) for orbits and rotations. ⏱️
- Toggle orbit paths and satellite visibility. 🛰️
- Responsive layout, glow effects, and animated starfield background. ✨
- Dependency‑free: loads instantly on any modern browser. ⚡
- HTML5 for structure and controls.
- Modern CSS for 3D transforms, animations, and responsive design.
- Vanilla JavaScript for state, interaction logic, and data rendering.
- Clone the repo:
- git clone https://github.com/Saiiii0906/solar-system-explorer.git
- cd solar-system-explorer
- Open index.html in a modern browser (Chrome, Edge, Firefox, Safari). 🌐
- Drag anywhere on the scene to rotate the system.
- Click a planet or moon to open its info panel.
- Reset View
- Speed: cycle 1x → 2x → 0.5x
- Show/Hide Orbits
- Show/Hide Satellites
- Space: cycle speed
- O: toggle orbits
- S: toggle satellites
- R: reset view
- Esc: close info panel
- index.html — Scene markup and control panel.
- style.css — Visual styles, starfield, orbits, animations.
- script.js — Data model, interactions, rotation logic, UI updates.
- Issues and PRs are welcome.
- Please include clear steps, screenshots/GIFs for UI changes, and keep code dependency‑free.
This project is licensed under the Apache License 2.0. See the LICENSE file for details.
- GitHub: https://github.com/Saiiii0906
- Repo: https://github.com/Saiiii0906/solar-system-explorer
- Live Demo: https://Saiiii0906.github.io/solar-system-explorer
Copyright (c) 2025 Your Name
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at: