import streamlit as st import streamlit.components.v1 as components # Configure the page st.set_page_config( page_title="Solar System Visualization", layout="wide", initial_sidebar_state="collapsed" ) # Title st.title("Interactive Solar System Visualization 🌌") # HTML/JavaScript content SOLAR_SYSTEM_HTML = """ Our Solar System

Our Amazing Solar System 🌌

The Sun ☀️

Our star, a G-type main-sequence star (G2V), located at the center of our solar system: - Age: 4.6 billion years - Surface Temperature: 5,500°C (10,000°F) - Diameter: 1.4 million km (865,000 miles) - Mass: 333,000x Earth's mass

Mercury 🪐

The smallest and innermost planet: - Distance from Sun: 57.9 million km - Length of year: 88 Earth days - Surface temperature: -180°C to 430°C - No moons

Venus 🌟

Earth's "sister planet": - Distance from Sun: 108.2 million km - Length of year: 225 Earth days - Surface temperature: 462°C - Rotates backwards compared to most planets

Earth 🌍

Our home planet: - Distance from Sun: 149.6 million km - Length of year: 365.25 days - Only known planet with life - One moon: Luna 🌕

Mars 🔴

The Red Planet: - Distance from Sun: 227.9 million km - Length of year: 687 Earth days - Two moons: Phobos and Deimos - Home to largest volcano in solar system

Jupiter ⭐

The largest planet: - Distance from Sun: 778.5 million km - Length of year: 11.9 Earth years - 79 known moons - Great Red Spot is a giant storm

Saturn 💫

The ringed planet: - Distance from Sun: 1.4 billion km - Length of year: 29.5 Earth years - 82 confirmed moons - Spectacular ring system

Uranus ❄️

The tilted planet: - Distance from Sun: 2.9 billion km - Length of year: 84 Earth years - 27 known moons - Rotates on its side

Neptune 💨

The windiest planet: - Distance from Sun: 4.5 billion km - Length of year: 165 Earth years - 14 known moons - Strongest winds in the solar system

""" # Add description st.markdown(""" This visualization shows our solar system with the Sun, all eight planets, and Earth's moon. The visualization includes: - Rotating planets and moons - Orbital movements - Detailed information about each celestial body - A starfield background Note: The sizes and distances are not to scale to make the visualization more accessible. """) # Display the visualization using a custom component components.html(SOLAR_SYSTEM_HTML, height=1024, scrolling=False) # Add footer with data sources st.markdown(""" --- Data sources: - NASA Solar System Exploration - European Space Agency (ESA) - International Astronomical Union (IAU) """)