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":[811,880,875,811,895,818,905,875,819,893,937,871,819,841,943,930,909,863,940,936,956,907,860,896,893,976,1015,968,1028,1025]}]}'></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":[146,153,142,143,130,170,158,137,141,146,176,140,169,185,159,151,193,198,176,184]}],"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":[36,36,42,48,41,38,47,47,50,50,50,43,45,47,49,45,43,50,54,48]},{"name":"web-2","data":[32,40,36,35,41,33,37,43,39,39,44,44,41,37,43,42,38,39,43,35],"color":"info"}],"max":100}'></div>