svelte-orbit-visualizer Svelte Themes

Svelte Orbit Visualizer

Orbit visualizer for Svelte in Orbit presentation at Svelte Summit, 2025.

Orbit Visualizer

Tool for visualizing orbits that was presented at Svelte Summit, Spring 2025.

Link to Talk

Important Notes

  • The app can only run in a browser that supports WebGPU (as of June 2025, Google Chrome is your best bet)
  • If you want to serve the built app, you'll need to return the following headers from the server to use SharedArrayBuffer:
  Cross-Origin-Opener-Policy: "same-origin",
  Cross-Origin-Embedder-Policy: "require-corp",
  • The app uses AssemblyScript for the orbit calculations, which produces a WebAssembly module. Running the app in dev mode automatically builds a debug version of the module while building the app builds the release version (more optimizations).

Instructions

  • Install dependencies with npm install
  • Run npm run start to start (with debug build of AssemblyScript Wasm module)
    • Alternatively, run npm run start:release to start the app with the release build of AssemblyScript Wasm module
  • Navigate to http://localhost:5173 to view the app
    • Note that the port may be different if 5173 is already being used by another program

Top categories

Loading Svelte Themes