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":[827,871,867,890,887,845,909,841,861,879,816,908,891,881,950,931,910,926,943,945,940,860,924,994,999,1002,999,1011,961,951]}]}'></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":[152,145,147,128,169,148,140,169,158,163,176,146,152,152,179,170,177,201,152,176]}],"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,38,47,48,37,43,39,48,44,45,50,48,49,52,46,44,50,49,50,41]},{"name":"web-2","data":[33,37,35,36,34,42,39,36,35,43,38,41,33,37,42,40,38,44,36,38],"color":"info"}],"max":100}'></div>