Realtime
A new point every second and a half
Requests per second
Live
Code
<div class="chart" role="img" aria-label="Requests per second" style="--chart-h: 300px" data-chart='{"type":"area","realtime":true,"labels":["-45s","-43.5s","-42s","-40.5s","-39s","-37.5s","-36s","-34.5s","-33s","-31.5s","-30s","-28.5s","-27s","-25.5s","-24s","-22.5s","-21s","-19.5s","-18s","-16.5s","-15s","-13.5s","-12s","-10.5s","-9s","-7.5s","-6s","-4.5s","-3s","-1.5s"],"series":[{"name":"Requests","data":[795,845,828,769,891,878,829,831,851,834,857,815,819,894,895,943,937,962,959,913,981,907,929,947,880,979,960,948,1022,1001]}]}'></div>Active users
Live
Code
<div class="chart" role="img" aria-label="Active users" style="--chart-h: 260px" data-chart='{"type":"column","realtime":true,"labels":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19"],"series":[{"name":"Users","data":[144,149,155,156,155,132,152,174,177,178,178,183,167,164,185,176,177,154,202,177]}],"barWidth":12,"radius":4}'></div>CPU
Live, two servers
Code
<div class="chart" role="img" aria-label="CPU" style="--chart-h: 260px" data-chart='{"type":"line","realtime":true,"legend":true,"labels":["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19"],"series":[{"name":"web-1","data":[39,46,43,44,47,39,40,40,47,45,46,52,39,45,43,42,52,53,41,48]},{"name":"web-2","data":[32,39,36,37,41,39,40,42,37,36,41,39,40,33,35,40,37,39,37,45],"color":"info"}],"max":100}'></div>