feat: interactive Privacy Map Explorer (MVP)

[oskarth]

Summary

• Static web app (Astro + React + D3.js) that visualizes the IPTF Map knowledge graph
• Data pipeline parses all 100+ markdown files at build time → graph.json (104 nodes, 355 edges)
• Zero backend, deployable to GitHub Pages

Three views:

• Galaxy — D3 force-directed graph with domain clustering, layer stratification, hover/click interactions
• Tree — Left-to-right flow: Use Cases → Approaches → Patterns (neural-network style)
• Browse — Filterable card grid with search

Test plan

• cd site && npm install && npm test — 45 unit + integration tests pass
• npm run build:graph — generates graph.json (104 nodes, 355 edges)
• npm run dev — Galaxy view renders with interactive nodes
• http://localhost:4321/tree — Tree view shows use case → approach → pattern flow
• http://localhost:4321/browse — Browse view shows filterable card grid
• Hover highlights connected nodes, click opens detail panel
• Filters dim non-matching nodes

[oskarth]

[Meyanis95]

This is great!!
Long term, we should decouple this type of visualisation from the knowledge base, aiming to keep our knowledge base as light and modular as possible.