User-defined Playground

Observable Cafe Playground

An interactive cafe for exploring metric samples, labels, counters, and gauges.

Observable Cafe playground: An interactive cafe for exploring metric samples, labels, counters, and gauges.
Machines & network
1 VM · 2 vCPU · 2GiB RAM
Playground host Internet NAT MASQUERADE local (bridge) 172.16.0.0/24 gw 172.16.0.1/24eth0
VM
vCPU ·
eth0
/
oci://ghcr.io/sagikazarmark/iximiuz-labs/playgrounds/observable-cafe:17ad73a0b706
About

This playground runs Observable Cafe, an interactive example for exploring how applications expose metrics.

The cafe and its /metrics endpoint are already running as a systemd service.

System Components

ComponentPortPurpose
Observable Cafe8080Serves the interactive cafe and its Prometheus metrics
Caddy8081Cafe Admin tab: redirects to /admin and proxies the cafe

Getting Started

Open the Cafe tab and work through the three stages:

StageWhat it shows
/samplesObservations capture samples, not everything that happens between them
/labelsLabels split one measurement into related time series
/typesCounters accumulate while gauges can rise and fall

The cafe starts its accelerated clock when you open a stage. Sell a few drinks, wait for the next observation, and compare the notebook with the live metrics.

Inspecting Metrics

Read the same scrape endpoint that a Prometheus-compatible collector would use:

curl http://localhost:8080/metrics

The endpoint exposes these metrics:

cafe_coffees_sold_total{drink="..."}
cafe_inside_temperature_celsius
cafe_outside_temperature_celsius

Checking the Service

Check the service status:

systemctl status observable-cafe

Follow its logs:

journalctl -u observable-cafe -f

Learn More

Happy learning! 🚀

Every playground includes
Learn more about playgrounds
Start
Settings