Satellite operations

Build with Vlak
European surveyObservation plan / 04 assets
Local sample
Base map schematic of Western EuropeSimplified coastline and supplied observation points. Asteria-3 is selected. The scan path and geography are illustrative; they are not measured satellite imagery.IrelandChannelNorth SeaFranceGermanySwedenSpainItaly0102030410° W10° E30° E60° N50° N
Western EuropeSchematic coastline
100% · illustrative map
Asteria-352.37° N · 4.90° E
100%
Selected pass / 01

North Sea pass

Acquisition window

11:42–11:49CET

Sample schedule for Asteria-3.
52.37° N · 4.90° E

Supplied telemetry

Altitude

612 km

Velocity

7.54 km/s

Downlink

94 Mbps
Cloud cover18%

Recorded cover for this sample pass.

Capture requestReady to queue

Queue this asset's sample acquisition using the capture action above.

No uplink or satellite command is sent.

Local sample · no satellite connection0 queued / 4 assets

Select an asset → compare display layers → queue a capture

View source
About this download

A standalone Vite and React project using Vlak 0.5.0. Extract the ZIP, open its folder, then run npm install and npm run dev. Requires Node 22.12 or newer.

Satellites, telemetry and observation layers are illustrative. Captures update a local queue; no satellite or imagery service is connected.

Installation and base examples

Inside the interface

A fictional European satellite operations workspace. A monochrome vector map shares a flush working frame with asset selection and pass details. Selecting an asset updates its telemetry, while local capture status, layer controls and map tools keep the scene and its records connected.

Asset selection, display layers, and the capture queue work locally. Satellites, telemetry, and observation layers are illustrative examples.

Watch the 20-second walkthrough

A short walkthrough of the working satellite operations study.

Components used

Use this as a starting point

Build with Vlak

Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

React componentsCSS includedMIT licensed

Download the Satellite operations starter

Install the package
npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
Installation guide View study source

Start with your coding agent

A ready-to-use brief with this study, Vlak’s components, and the design guide.

Component modifications

  • Button supplies the capture action and asset selection. Selected assets use a full-surface fill, never a leading bar or inset edge stripe.
  • Card, Card label, Card title, Item, Progress, and Badge compose the pass inspector. Compact Item rows align telemetry labels and values; Progress shows cloud cover; Badge reports queue state.
  • Toggle group switches base, moisture and thermal layers, each drawn in grayscale. Canvas controls zooms or resets the map; the scanning reticle, pass corridor and target markers pause together and respect reduced motion.
  • On mobile, Map, Assets, and Pass details replace the side rails. The observation fills the map view, assets become full-width selection rows, and all telemetry remains available in a separate scrollable inspector.