html{background:#071711;color:#edf6ef}body{margin:0}html,body{height:auto!important;overflow:auto!important}#root{display:none!important} #main a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;max-width:100%;box-sizing:border-box;padding:.4rem .6rem;margin-inline-end:.25rem;color:#c2e9f5;overflow-wrap:anywhere} #main a:focus-visible{outline:3px solid currentColor;outline-offset:3px} #main img{display:block;max-width:100%;height:auto} #main figure{margin:1.5rem 0}#main li{margin-block:.5rem} @media(forced-colors:active){html,#main{background:Canvas!important;color:CanvasText!important}#main a{color:LinkText}} Selected project

BobNet Cartography

Created a spoiler-safe map that reveals characters, routes, and evidence only through the reader’s selected chapter.

Purpose

BobNet Cartography helps readers explore the people, places, routes, and evidence in a five-book series without seeing future information. The reader selects a current chapter, and that boundary applies across every map and detail view, making a dense body of research useful without sacrificing suspense or trust.

Technical implementation

The offline-first application uses React and TypeScript for the interface and data model, D3 for interactive maps, and Workbox for reliable cached access. A deterministic source pipeline compiles 353 chapter boundaries, 183 characters, 78 locations, and 59 routes while keeping confirmed facts visually distinct from inferred travel.

Tools used

React
D3
TypeScript
Workbox

Selected screens

BobNet Cartography dark interactive star map and evidence inspector — **Explore the story spatially** The star map reveals people, places, and routes only up to the reader’s selected chapter.

BobNet Book 3 Chapter 76 map with Bob selected, 53 revealed waypoints, route notation, and evidence-aware inspector — **Inspect the evidence** A real chapter-seeded capture shows 53 revealed waypoints, route notation, and the inspector under the same spoiler boundary.

BobNet Book 1 Chapter 1 map returning no spoiler-safe location for a future-location search — **Keep the reader in control** A real Book 1, Chapter 1 capture withholds a future location from search while preserving the map and inspector context.

All projects About James Buckley