Infrastructure Monitor Live
Performance
Application Real-time Metrics
Infrastructure
System Analytics
Infrastructure Pipeline
flowchart TD
subgraph Source ["`**Observability Sources**`"]
PG[(PostgreSQL)]
A(Spring
Boot App)
ACT(Spring
Actuator)
end
subgraph Edge ["`**Cloudflare Edge**`"]
direction TB
C(Cron Worker)
D1[(D1 Metrics)]
W(Fetch Worker)
end
subgraph UI ["`**Observability UI**`"]
MON(Live Dashboard)
end
PG <--> A
A -- "Business
Metrics" --> C
ACT -- "System
Health" --> C
C -- "30m Snapshot" --> D1
D1 --> W
W --> MON
style A fill:#475569,stroke:#334155,stroke-width:2px,color:#ffffff
style ACT fill:#64748b,stroke:#475569,stroke-width:2px,color:#ffffff
style PG fill:#334155,stroke:#1e293b,stroke-width:2px,color:#ffffff
style C fill:#155e75,stroke:#164e63,stroke-width:2px,color:#ffffff
style D1 fill:#0e7490,stroke:#155e75,stroke-width:2px,color:#ffffff
style W fill:#155e75,stroke:#164e63,stroke-width:2px,color:#ffffff
style MON fill:#166534,stroke:#14532d,stroke-width:2px,color:#ffffff
style Source fill:none,stroke:#94a3b8,stroke-dasharray: 5 5
style Edge fill:none,stroke:#94a3b8,stroke-dasharray: 5 5
style UI fill:none,stroke:#94a3b8,stroke-dasharray: 5 5
Developed with passion by Ryan Su © 2026