Dashboard Overview
The LN Gossip Visualizer presents data across a four-quadrant dashboard where each panel offers a different lens on the same underlying data.
The Four Quadrants
| Quadrant | Name | What it shows |
|---|---|---|
| Q1 (top-left) | Message Propagation Replay | Animated radial view of how a message spreads peer-by-peer |
| Q2 (top-right) | World Map | Geographic distribution of peers, colored by propagation timing |
| Q3 (bottom-left) | Peer Fingerprints | Timing signature patterns across peers |
| Q4 (bottom-right) | Leak Detection | First-responder analysis and colocation suspects |
Linked Interaction
All four panels are linked: clicking a peer in any quadrant highlights the same peer in all others. Selecting a message in the replay panel updates the map markers, fingerprint highlights, and leak scores simultaneously.
Navigation
At the top, a message selector lets you browse through ~181 curated gossip messages. Each one triggers a full propagation replay showing the order in which peers delivered that specific message.
Playback controls allow you to:
- Play/pause the propagation animation
- Scrub through time manually
- Adjust playback speed
Tech Stack
The dashboard is intentionally lightweight — no frameworks, no build step:
- Vanilla JavaScript (~72 KB) — all logic in a single
app.js - HTML5 Canvas — for the propagation replay (Q1) and fingerprints (Q3)
- Leaflet.js — for the geographic map (Q2)
- Static JSON — all data is pre-computed and served as flat files