Skip to content

README.md

Latest commit

 

History

History
55 lines (36 loc) · 1.37 KB

README.md

File metadata and controls

55 lines (36 loc) · 1.37 KB
Raw

Space Launch Story — Responsive V6

A responsive HTML/SVG scrollytelling version of the MakeoverMonday 2026 Week 26 space-launch visualization.

This version keeps the desktop/laptop scrollytelling experience and automatically switches to a phone-friendly stacked layout on narrow screens.

Responsive behaviour

  • Desktop/laptop: sticky ArcFlow visualization with narrative steps beside it.
  • Phone (720px and below): ArcFlow becomes a static overview followed by compact story cards; later charts stack vertically.
  • Map markers support hover on desktop and tap on touch devices.
  • Tooltips become a dark bottom-sheet style panel on phones.
  • Charts use mobile-specific SVG dimensions for more readable labels.

GitHub Pages

This package is flat and ready for GitHub's web uploader. Upload the contents of this folder to the root of a new public repository.

Suggested repository name:

Space-Launch-Story-Responsive

Then enable:

Settings → Pages → Deploy from a branch → main → /(root)

Your new GitHub Pages link will be separate from the existing Space Launch Story repository.

Files

index.html
style.css
script.js
launches.csv
world-map.svg
README.md
.nojekyll

Local test

py -m http.server 8000 --bind 127.0.0.1

Open:

http://127.0.0.1:8000/

Credits

#MakeoverMonday 2026 Week 26 | Viz: Iris Sun | Data: Voronoi