docs: README showcase — screenshots of the real map outputs (bundle · element · color code) at the bottom, explanation stays at top

README.md

@@ -64,6 +64,31 @@ Or skip the script tag entirely — iframe the map's generated page:
 
 Contributors: **[CONTRIBUTING.md](./CONTRIBUTING.md)**.
 
+## The output — real maps from this bundler
+
+Every map below is a single self-contained bundle built by one `bun run build`, embeddable on any
+site with one `<script>` + tag. The colors are data-driven **color strategies** (`@map/colors/`);
+the badge in each shows the bundle and its custom element.
+
+### Prayer Map — `prayer-map` · `<prayer-map>` · color: prayer-progress · engine: MapLibre (token-free)
+![Prayer Map](docs/assets/showcase/prayer-map.png)
+
+### Research Map — `doxa-research-map` · `<doxa-research-map>` · 7 tabs (prayer/adoption/engagement/regions/languages/religions)
+![Research Map](docs/assets/showcase/research-map.png)
+
+### Internet Access — `cities-internet` · `<cities-internet-map>` · color: connectivity tiers (green→red)
+![Cities with Internet](docs/assets/showcase/cities-internet.png)
+
+### Gospel Resources — `gospel-resources` · `<gospel-resources-map>` · color: resource-gap (red→green)
+![Gospel Resources](docs/assets/showcase/gospel-resources.png)
+
+### Demo Map — `demo-map` · `<demo-map>` · color: religion families (the copy-me pattern)
+![Demo Map](docs/assets/showcase/demo-map.png)
+
+> Each of these also builds its own standalone page (`/doxa-maps/<bundle>/<profile>/index.html`) —
+> link it or iframe it on a partner site. See **[docs/why.md](./docs/why.md)** for the idea and
+> **[docs/how-to.md](./docs/how-to.md)** to build your own.
+
 ## License
 
 The **doxa-maps template** (`library/` + build tooling) is **Apache-2.0** — a permissive base