duncanjbrown / ts-motion

Visualise traffic passing between services

ts-motion

An animation showing traffic passing between and amongst Teacher Services digital services.

Work in progress.

Architecture

sequenceDiagram
    participant client as Client
    participant express as Express.js
    participant frontend as Frontend
    participant bq as BigQuery

    client->>express: GET /
    activate express
    express->>client: Serve static HTML & JS
    deactivate express
    loop Every N minutes
        activate express
        express->>bq: Poll for latest traffic rates
        bq->>express: Return traffic rates
        express->>frontend: Send rate updates via websocket
        deactivate express
    end
    frontend-->>client: Render animation

Loading

Running

npm install
npx ts-node --project tsconfig.server.json src/server/server.ts