A single-file Three.js solar system simulator with desktop viewing and optional WebAR support.
- Drag to rotate the view and use the wheel to zoom.
- Adjust orbital animation speed.
- Toggle between two display modes:
- Deformed: distances and body sizes are exaggerated for readability.
- Real: distances, body sizes, and the Moon orbit use one shared AU-based scale.
- Japanese browser environments show Japanese labels for the Sun and planets.
- Mercury and Pluto include orbital inclination.
- WebAR-capable environments show an AR button with transparent camera background.
- AR solar system size can be selected from 1m to 100m.
Serve the directory with any static HTTP server:
python3 -m http.server 8000Then open:
http://localhost:8000/index.html
WebAR requires a browser and device that support WebXR immersive-ar. On unsupported environments, the simulator still works as a normal 3D web page.
The Real display mode is physically scaled, so planets become extremely small compared with their orbital distances.
Sun, planet, and Moon data is stored in solarsystem.csv and loaded with https://code4fukui.github.io/CSV/CSV.js.
The parent column describes the orbital parent body.
solarsystem.csv is CC0 open data.
Data sources:
- NASA/NSSDC Planetary Fact Sheets: https://nssdc.gsfc.nasa.gov/planetary/factsheet/
- NASA/NSSDC Sun Fact Sheet: https://nssdc.gsfc.nasa.gov/planetary/factsheet/sunfact.html
- NASA Moon Facts: https://science.nasa.gov/moon/facts/
- Application code: MIT License
solarsystem.csv: CC0 open data