Skip to main content
100%

Embedded Observablehq Stars

✓ Published2🌍 Public
RRussell Watson
Last edited Feb 6, 2020
Created on Jan 30, 2020
Forked from Hello HTML5

An interactive globe displays stars and constellations, rendered as a three-dimensional sphere overlaid with a star map and constellation lines. The visualization embeds an ObservableHQ notebook within a VizHub page, loading the runtime and module through the Observable runtime API and the `Inspector` class. Dragging rotates the globe using versor dragging, a technique that keeps the dragged point under the cursor. The underlying data and rendering rely on Observable's standard libraries, though specific d3 or Three.js calls are not directly visible in the provided code.

AI-generated description

This Star-viz is a beautiful scrollable globe made by Gareth Peat on ObservableHQ, embedded in this vizhub page following the guidelines on Observable's Downloading and Embedding Notebooks page.

(I wonder whether it is possible to fork it and change the view/perspective/what's-the-right-word-for-it(*), so that you are looking OUT of the globe/UP at the stars into space, rather than DOWN onto the globe from the moon?)

The dragging, I note, is of the advanced kind(1), which keeps the dragged point under the cursor.

  1. See Versor Dragging by [Mike Bostock],
  2. and Rotate the World by Jason Davies

(*) Projection


This page is part of a test to see how efficient embedding observable stuff is.

Total = ~860 KB

Vishub Basis = ~30 KB

External = ~830 KB

OHQ-Library = ~50 KB

This Star-viz = ~780 KB

MIT Licensed

Similar vizzes