Live chart
Demo
Line /256 samples /over 15m /5h ago
recording 3 series
| Color | Series | Window | Now | Low | High | Mean |
|---|---|---|---|---|---|---|
| cpu | 42 | 1 | 99 | 41.3 | ||
| mem | 28 | 1 | 51 | 18.9 | ||
| ram | 17 | 17 | 17 | 17 |
Window 256 / 256 held
A window on the last 256 samples, not an archive: one call is one sample, and the oldest is dropped as the next arrives.
Put it on your own page
All read-only, and none of it needs an account. The picture is drawn when it is asked for, so it is never showing yesterday.
In a README
[](https://sparkline.ivashkin.dev/g/hvej9gpqjz5u) As an image tag
<img src="https://sparkline.ivashkin.dev/g/hvej9gpqjz5u.svg" alt="Demo" width="760"> Live on a page, with a pointer
<script src="https://sparkline.ivashkin.dev/g/hvej9gpqjz5u.js"></script> The picture
https://sparkline.ivashkin.dev/g/hvej9gpqjz5u.svg The numbers
https://sparkline.ivashkin.dev/g/hvej9gpqjz5u.json Fitting it where it is going
- ?w=420
- How wide to draw it, in pixels. Sensible numbers only — it is clamped, not refused.
- ?h=90
- How tall. A short, wide chart is the one that fits in a table cell.
- ?theme=light
- Furniture for a pale page. The trace keeps its own colors — those are the chart's.
- ?refresh=60
- Redraw it every minute, for a chart on a wall. The live tag only — a picture holds no timer.
- ?fill=1
- Take the width of the column it lands in, rather than the width it was drawn at. The live tag only.
The live tag is told nothing else: the chart is already inside what that address answers, so it goes on the page where the tag stands, in a shadow root that nothing on the page styles and that styles nothing, and fetches what answers the pointer afterwards. Several tags on one page each work.