- Es wurde ein Echtzeit-Dashboard erstellt, das 6 verschiedene Systemmetriken gleichzeitig streamt. Dabei wird ein Chart.js-Streaming-Plugin verwendet, das ich geforkt und modernisiert habe, um mit aktuellen Chart.js-Versionen zu funktionieren.
- Das Plugin übernimmt die automatische Datenbereinigung und reibungslose Scroll-Animationen. Jede Metrik zeigt unterschiedliche Muster – von CPU-Spitzen bis hin zu Netzwerkausbrüchen – und zeigt, wie Systemkomponenten im Laufe der Zeit interagieren.
- Zu meinen Verbesserungen gehören TypeScript-Unterstützung, 96 % weniger Abhängigkeiten und Chart.js 4.x-Kompatibilität. Das Plugin verhindert Speicherlecks, indem es alte Datenpunkte automatisch entfernt.
- GitHub: https://github.com/aziham/chartjs-plugin-streaming
⭐ Wenn Sie dies für Ihre Projekte nützlich finden, würde ein Stern im Repository anderen dabei helfen, es ebenfalls zu entdecken!
Welche anderen Echtzeitdaten würden Sie gerne auf diese Weise visualisiert sehen?
Von Velocity-Prime