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":[866,798,776,885,897,839,860,793,795,853,926,852,817,921,919,947,955,959,878,899,929,953,904,889,963,1009,946,895,1005,952]}]}'></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":[134,158,130,144,169,157,156,178,180,168,156,181,177,162,165,187,153,177,203,193]}],"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":[40,46,38,44,44,45,40,38,43,41,49,42,51,41,45,46,44,50,45,47]},{"name":"web-2","data":[34,35,39,35,34,35,36,42,37,34,40,37,42,35,44,39,37,37,38,39],"color":"info"}],"max":100}'></div>