All work

Exo-View

Interactive galaxy & solar system · WebGL

The Milky Way, as we know it - one journey from the galaxy's edge down to Earth. Every star, nebula and black hole stands where it has been measured to be, every planet where it is right now, and whatever is drawn rather than measured says so.

Open exo-view.com
Role
Product · Design · Engineering · Operation
Type
WebGL · Science · Data visualisation
Stack
TypeScript · three.js · satellite.js · Supabase · Vite
Languages
English · Hebrew · Spanish · Portuguese · French · German
Exo-View - the Milky Way, with its nebulae and black holes marked where they are

Thirteen reels, made from the app

Short vertical films for Instagram and TikTok, each a single flight recorded in Exo-View itself - from the galaxy's edge to a star, a planet or a black hole. Every reel has a link that opens the site at exactly what it shows. Tap one for sound.

Betelgeuse ↗In the Sun's place, it would swallow Mars
Sirius ↗8.6 light-years away, with a white dwarf
Proxima Centauri ↗The nearest star, 4.25 light-years
TRAPPIST-1 ↗Seven Earth-sized planets
Rigel ↗Orion's blue supergiant
Orion Nebula ↗A star nursery, 1,344 light-years
Saturn ↗Exactly where it is right now
Jupiter ↗Twice the mass of all the rest
Earth ↗26,670 light-years, all the way home
Sagittarius A* ↗4 million Suns at the galaxy's heart
Cygnus X-1 ↗The first black hole ever found
Gaia BH1 ↗The nearest black hole we know
V404 Cygni ↗Starlight bent into rings

What it is

Nobody has ever seen the Milky Way from outside - we live inside it. Exo-View puts what we do know into one continuous space you can fly through: 32,639 real stars from the Hipparcos catalogues, 28 nebulae, 19 black holes, then down through the solar system with every planet and moon at its position for this moment, past the probes and telescopes we have sent out, to the Space Station and some sixteen thousand working satellites round the Earth - where every country can also be ranked by the figures you choose.

The product's rule is honesty about what kind of knowledge each thing is. Every place is marked as measured (star positions, planet orbits, distances), worked out (how light bends round a black hole, when the next eclipse falls) or drawn (the galaxy seen from outside, the shape of a nebula) - and the card says which.

It is free and opens on any screen with no account; signing in is offered, never forced, and only keeps what you make. Every view is a link that opens exactly there, and each subject - where the Space Station is, the planets tonight, a meteor shower, a black hole - also has its own page to read, in six languages, so people find it from a search. Every card ends with a way to suggest a correction.

Who it's for

  • Teachers and lecturers - Scale on a projector: guided tours, stop by stop, from light-years to a planet's orbit
  • Students - Where the planets are tonight, how far the nearest stars are, with a source beside every figure
  • Space lovers - Cross the galaxy, fall into a black hole, catch an eclipse on its real date
  • Researchers and journalists - Every number named and dated, every ranking a shareable link

What you can do

  • Cross the galaxy - Fly to any star, nebula or black hole, or take the guided tour
  • Visit the planets - Real positions now, real eclipse dates, Saturn's rings up close
  • Follow what we sent - Voyager, Webb, Hubble and two dozen more in 3D, the Space Station and every working satellite
  • Watch the sky - Seven meteor showers, T CrB's nova, Betelgeuse's supernova, a fall into Cygnus X-1
  • Read the Earth - 217 countries, city pins and airports with a photo card for each, and your own weighted index recolouring the planet as you drag

Brand

The name is the idea: a view from outside. The mark makes the X a star - a thick X for the light's diffraction spikes, crossed by a fine + whose vertical needle is the longest, the way a bright star looks through a telescope. The star works on its own as the symbol; in the logotype it sits in the word as a letter, the same white as the E and the O, lit from behind.

Exo-View symbol - the four-needle star, black
Exo-View logotype, black
Exo-View symbol, white
Exo-View logotype, white
Exo-View logotype in colour, lit

Symbol and logotype, in black, in white and in colour. Only the colour version glows - the light belongs to the screen.

Void#04060A
The sky behind everything
Hull#0C1014
Panels and plates
Ink#DCEDF6
Text, a cold white
Signal#FFC61A
Anything live
Signal bright#FFE066
The word in the logo

One palette, dark only: the chrome reads as hardware around a bright planet, and the single warm colour is spent on what is live.

EXO VIEWChakra PetchThe stencil on the bulkhead - the logotype and panel titles
Aa 123BarlowBody text, in English
32,639IBM Plex MonoAny number read off a gauge

Hebrew is set in IBM Plex Sans Hebrew; the logotype stays Latin in every language.

Exo-View on a laptop, a tablet and a phone
The product on a laptop, a tablet and a phone - real screens from the live site
Exo-View cap with the embroidered logotype
Cap - the logotype embroidered in Ink
Exo-View enamel pin with the star
Enamel pin - the symbol in gold
Exo-View lanyard and crew pass
Lanyard and crew pass, for events and talks
Exo-View mission patch on a flight jacket
Mission patch, in the language of space programmes
Exo-View stencilled equipment case in an observatory
Equipment case - the stencil the type is drawn from
Exo-View poster in a planetarium lobby
Poster for a planetarium or a classroom

How it's built

Scene
three.js
One space from galaxy to globe
shared with my game Exo-Race
Sky
Real catalogues
HYG stars · spiral arms fitted
to measured star-forming regions
Orbits
satellite.js
Every working satellite placed
where it is right now
Code
Strict TypeScript
Typed end to end, linted in CI
Supabase sign-in with Google or email

The screens

The door

The landing is the product, already running: the Milky Way turning behind one line and one button, with the simulations one tap away. No account needed - and before you start it tells you how we know what we're about to show you.

Exo-View - landing

A site around the app

Around the 3D atlas sits a site of plain pages - explore, features, simulations, rankings, how we know and about - in six languages. The features page opens with Lately added: the newest things to see, dated and latest first.

Exo-View - Lately added

Into the galaxy

Nebulae are faint traces from home and only drawn whole when you fly to them; a black hole is ray-traced, its disc bent over and under it. Each card says plainly when something is drawn from the figures - no photograph exists.

Exo-View - the Orion Nebula
Exo-View - Cygnus X-1, ray-traced

The solar system, now

Every planet and moon sits where its orbit puts it at this instant, with real radius, orbit, rotation and tilt. Neighbours are one arrow away, and the clock can run an hour, a day or a month a second. Under the card, Stars in view lists the named stars you can actually see from where you are.

Exo-View - Saturn
Exo-View - Betelgeuse, before its supernova

Every working satellite

Switch on Satellites and some sixteen thousand of them circle the Earth, each where it is right now, coloured by how high it flies. Click one for its height, speed, orbit and owner, and fly in to a model of it.

Exo-View - every working satellite round the Earth

The Space Station

Click it on the globe and fly to a model of the station, its horizon kept level. Its plate gives height, speed, its sunrises and when it next passes over your capital - and a view from its window looks down at the Earth below.

Exo-View - the International Space Station over the Earth
Exo-View - the view from the Space Station's window

Probes and telescopes, where they are now

Webb, Hubble, Parker, Juno, both Voyagers and more than two dozen others, placed in the solar system for today with a trail of where each has been. Every one has a 3D model to fly round and a plate with its distance, how long its signal takes, its speed and who built it.

Exo-View - the James Webb Space Telescope
Exo-View - Voyager 1, beyond the planets

A meteor shower, from the ground

Seven showers on their real dates, watched from a place on Earth: every streak traced back to its radiant, the hourly rate, and the comet the dust came from.

Exo-View - the Orionids meteor shower

The last stop: Earth in numbers

Land on Earth and every country is there, coloured by the indicator you pick. Build your own weighting and the planet recolours as you drag; the ranking is a link anyone can open and see exactly.

Exo-View - Earth with the country ranking

Countries, cities and airports

Turn on Cities and Airports and the globe fills with pins and little planes, each with its own card and photograph. Pick a country and its card gives local time, population, land and the economy - each figure with its year - with buttons to compare it or make it your own.

Exo-View - Japan with its cities, airports and country card

On a phone

The same journey, laid out for a thumb: one bar of keys along the bottom, the facts behind a single button, and the sky keeps the screen. The 3D view holds its frame rate on phones and tablets.

Exo-View on a phone - landing
Exo-View on a phone - Saturn
Exo-View on a phone - Earth

Design decisions

01

  • Say what is drawn - Measured, worked out or drawn, on every card. A science product earns trust by being exact about its own limits.

02

  • Live positions, not fake live data - Planets move in real time; country figures carry their year. No spinning counters pretending to be live.

03

  • One space, no modes - From the galaxy's edge to a country's borders is one continuous flight, not a set of separate pages.

04

  • Draw only what shows - Heavy scenes load when you reach them, and what isn't on screen isn't drawn - so a phone can cross the galaxy too.

05

  • Cards that fold - One look for every panel: a card folds to its name and its words and puts the figures away, a list folds to its head - so the sky keeps the screen.

06

  • Pages to find, an app to fly - Each subject has a plain page in six languages that search engines can read, and each page opens the 3D view at what it describes.
Next project
Zoomons →
Get in touch