NilsBriggen dd8156376d Phase 3: data-story viz — StatsBomb shot map, xG race, pass networks ...

- buildStatsbombViz.ts: processes the 2022 WC Final (Argentina 3-3 France) from
  StatsBomb open data → shots+xG, cumulative xG race, starting-XI pass networks,
  totals, shootout result. Output committed (11KB) to avoid build-time fetch
- Custom SVG viz (no chart lib): reusable Pitch (StatsBomb 120x80 coords),
  ShotMap (xG-sized dots, teams attacking opposite goals), XgRace (stepped
  cumulative xG with goal markers, d3-scale), PassNetwork (nodes ∝ involvement,
  links ∝ pass volume)
- StoryPage: narrative with hero scoreline, by-the-numbers bars, and the three
  visualizations with explanatory copy
- Verified in browser: all three render correctly, no console errors

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

2026-06-11 13:34:19 +02:00

.claude

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

data/raw

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

deploy

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

public/data/viz

Phase 3: data-story viz — StatsBomb shot map, xG race, pass networks

2026-06-11 13:34:19 +02:00

scripts

Phase 3: data-story viz — StatsBomb shot map, xG race, pass networks

2026-06-11 13:34:19 +02:00

server

Phase 2: predictive model — Elo + Dixon-Coles + Monte Carlo

2026-06-11 13:25:53 +02:00

src

Phase 3: data-story viz — StatsBomb shot map, xG race, pass networks

2026-06-11 13:34:19 +02:00

.dockerignore

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

.gitignore

Phase 3: data-story viz — StatsBomb shot map, xG race, pass networks

2026-06-11 13:34:19 +02:00

bun.lock

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

Dockerfile

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

eslint.config.js

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

index.html

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

package.json

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

tsconfig.app.json

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

tsconfig.json

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

tsconfig.node.json

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

tsconfig.server.json

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

vite.config.ts

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

vitest.config.ts

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

vitest.setup.ts

Phase 0: scaffold cup26 — Vite+React+Fastify TS PWA, broadcast theme, app shell

2026-06-11 12:49:13 +02:00

S

Description

World Cup 2026 data dashboard — live scores, prediction model, StatsBomb data-story viz

4.7 MiB

Languages

TypeScript 98.1%

JavaScript 1%

CSS 0.7%

Dockerfile 0.1%