Distill Change Detection Playground
Edit small text snippets, change attributes, add/remove blocks, or reorder sections to see response time and sensitivity.
Static timestamp (safe): 2026-02-28T12:00:00Z
Optional live timestamp (noisy): disabled
Sample Table
| Item | Version | Status |
|---|---|---|
| API Gateway | 1.2.3 | healthy |
| Worker | 2.0.1 | healthy |
| Database | 13.4 | healthy |
Easy tests: change “healthy” → “degraded”, reorder rows, or add a row.
Sample List
- A Stable baseline
- B Small changes (single word)
- C Medium changes (add/remove a card)
- D Big changes (layout + content)
You can also test attribute changes: add a class, toggle a badge, etc.
Form Elements
Notes
If you want “clean” tests, avoid changing content that updates automatically (like timestamps). Distill will detect those as changes constantly.
If you do want to stress-test, enable the live timestamp in the script below.
Change Zones
These three boxes are meant for controlled edits. Distill monitors can target a CSS selector like #zone-small for more precise testing.
Edit just one word here. Example: “blue” → “cyan”.
token: A-0001
Add/remove a sentence or list item.
- Alpha
- Beta
- Gamma
Replace this whole block with something else (e.g. an image, another table, extra cards).