satvis/about.html at next · Flowm/satvis · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>About Satvis - 3D Satellite Tracker &amp; Sky View</title>
    <link rel="canonical" href="https://satvis.space/about" />
    <meta
      name="description"
      content="How Satvis tracks satellites: CelesTrak GP element sets propagated with SGP4, pass prediction for a ground station you set, and a compass-aimed sky view. Free and open source."
    />
    <meta property="og:type" content="article" />
    <meta property="og:site_name" content="Satvis" />
    <meta property="og:url" content="https://satvis.space/about" />
    <meta property="og:title" content="About Satvis - 3D Satellite Tracker &amp; Sky View" />
    <meta
      property="og:description"
      content="How Satvis tracks satellites: CelesTrak element sets propagated with SGP4, pass prediction for a ground station you set, and a compass-aimed sky view."
    />
    <meta name="twitter:card" content="summary" />
    <link rel="stylesheet" href="/src/css/about.css" />
    <style>
      body {
        margin: 0;
        background: #0b222d;
      }
      .about-back {
        max-width: 46rem;
        margin: 2rem auto 0;
        padding: 0 1.25rem;
        font-family: sans-serif;
      }
      .about-back a {
        color: #7fd2ea;
      }
    </style>
  </head>
  <body>
    <div class="about-back"><a href="/">← Open the globe</a></div>
    <!-- src/components/AboutDialog.vue lifts this element's innerHTML into the in-app dialog, which is why the back link above sits outside it.
         The readme's opening and feature list are a cut of this copy and reuse its sentences word for word, so a wording change starts here. -->
    <main id="about-content" class="about">
      <h1>Satvis: 3D satellite tracker and pass predictor</h1>
      <p class="about-lede">
        Satvis is a free, open-source satellite tracker that runs in the browser. It draws more than 12,000 satellites on a 3D globe in real time, across fourteen catalog groups:
        Starlink, GPS and the other GNSS constellations, weather and Earth-observation craft, the ISS and other crewed stations. Tell it where you are and it works out when each
        one passes overhead. The sky view then trades the globe for a ground-level camera aimed by your phone's compass and gyroscope. You look for the satellite in the sky rather
        than on a map of it.
      </p>

      <h2>What it does</h2>
      <ul>
        <li>Visualize more than 12,000 satellites on a 3D globe in real time, propagated in the browser with SGP4 from CelesTrak GP element sets (OMM/TLE)</li>
        <li>Draw points, labels, orbits, orbit tracks, ground tracks, sensor cones and 3D models per satellite, coloured by orbit class (LEO, MEO, GEO, HEO)</li>
        <li>Switch any of the 14 catalog groups on and off (Starlink, GNSS, weather, Earth observation, crewed stations), or search out a single satellite</li>
        <li>Set ground stations from geolocation or a point you pick on the map, then list their upcoming passes and get a local browser notification before one starts</li>
        <li>Show the globe in 3D, flattened to 2D or in Columbus view, over a base map, star field and terrain you choose</li>
        <li>Find a satellite in the sky overhead rather than on a map, in a ground-level sky view aimed by your phone's compass and gyroscope and walked with the movement keys</li>
        <li>Add OpenStreetMap buildings to the globe, or Google's photorealistic tiles under the sky view</li>
        <li>Share the exact view you are looking at as a link: the url carries the satellites, the components, the ground station and the map layers</li>
        <li>Install it as a Progressive Web App and keep using it offline, from a cached element-set snapshot and base map</li>
        <li>Deploy it serverless: static files on a CDN, with an optional Cloudflare Worker serving fresh satellite data</li>
      </ul>

      <h2>Where the data comes from</h2>
      <p>
        Element sets come from <a href="https://celestrak.org" rel="noopener">CelesTrak</a> as OMM JSON, the format replacing TLE for new objects, and a
        <a href="https://workers.cloudflare.com" rel="noopener">Cloudflare Worker</a> refreshes them every six hours. Positions are propagated from them in the browser with SGP4,
        through <a href="https://github.com/shashwatak/satellite-js" rel="noopener">satellite.js</a>. A snapshot of the same element sets ships inside the app, so everything still
        works offline.
      </p>

      <h2>Built with</h2>
      <p>
        <a href="https://cesiumjs.org" rel="noopener">CesiumJS</a> draws the globe, <a href="https://vuejs.org" rel="noopener">Vue</a> and
        <a href="https://ui.nuxt.com" rel="noopener">Nuxt UI</a> the interface, and <a href="https://developers.google.com/web/tools/workbox" rel="noopener">Workbox</a> the service
        worker. Everything but the data API is static files on a CDN, so there is no server to run. Created by Florian Mauracher and maintained on
        <a href="https://github.com/Flowm/satvis/" rel="noopener">github.com/Flowm/satvis</a> under the MIT licence. An
        <a href="https://apps.apple.com/us/app/satvis/id1441084766" rel="noopener">iOS app</a> wraps the same site and schedules pass notifications with UserNotifications.
      </p>
    </main>
  </body>
</html>