Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Final Project

Public visualization

Viewing a saved revision (read-only)

ba7391133ef3428c85698730fce4e213

Final Project

0 stars0🌍 Public
Aaniosindustries
Last edited Nov 16, 2022
Created on Nov 16, 2022
Forked from HTML Starter

This visualization displays the landing sites of successful Mars landers on an interactive globe, projected using an orthographic projection with overlaid SVG markers. The map supports drag-to-rotate and scroll-to-zoom interactions, with tooltips showing each site’s name on hover. It renders the rotating globe’s shaded surface via Canvas and the site markers as SVG paths using `d3.geoPath`, while `d3.drag` and `d3.zoom` handle the gestures. The underlying GeoJSON data for landing coordinates comes from a remote JSON file, and the orthographic rotation uses the Versor library.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.