Standalone data visualization examples

This repository is a collection of standalone HTML data visualizations, mapping experiments, layout prototypes, and data-driven documents. The examples are intentionally independent: open the HTML source directly, serve it with any static web server, or share the corresponding GitHub Pages URL.

Observable Framework source projects and generated Framework sites now live in the dedicated aaronkyle/framework repository. Keeping the two collections separate lets this repository stay focused on portable HTML concepts without a repository-level build system.

Mapping and spatial visualization

• MHC historic inventory (source)
• MapLibre KML/KMZ viewer with popups (source)
• MapLibre render of a shapefile vector source (source)
• WDPA categories using IUCN colors (source)
• Map with external controls (source)
• MapLibre with Leaflet integration (source)
• Page navigation with a map (source)
• Flex-grid map, navigation, and sidebar (source)

Spatial file loading and conversion

• Load a KML URL as local GeoJSON (source)
• Load a zipped shapefile URL as local JSON (source)
• Convert KML to GeoJSON (source)
• Open and render GeoJSON (source)
• Open and render KML or KMZ (source)
• Open common spatial files (source)

Layout concepts

• Sticky header and footer with CSS grid (source)
• Two-page flex-grid layout (source)

Data-driven documents

• World Bank PIP shared prosperity (source)

Working locally

There is no shared installation or build step. From the repository root, a simple static server is enough:

python3 -m http.server 8000

Then open http://localhost:8000/ followed by an example filename or directory. Single-file pages remain at the repository root to preserve their established GitHub Pages URLs. Multi-file documents remain in their own directories with their supporting JavaScript, CSS, and data assets.