Dinge, die nur
laufend funktionieren.
Kleine, laufende Demos statt Screenshots. Alle laufen in Ihrem Browser: Ändern Sie etwas, und sie reagieren. Wo eine Demo für ein echtes System steht, werden die Daten lokal erzeugt und als simuliert gekennzeichnet.
KI-Trace-Simulator
Simulierte Daten, es wird kein Modell aufgerufen.
- Client
Base-URL → llmtap
- Proxy
Span startet, Header durchgereicht
- Modell-API
Antwort vom Anbieter, gestreamt
- OTLP-Export
Collector → Tempo + Prometheus
- Dashboard
Trace und Metriken sichtbar
Senden Sie eine Anfrage, um den Span zu sehen, den sie erzeugen würde.
SQL-Query-Visualisierung
Lehrbeispiel mit erfundenem Schema, keine echte Datenbank.
Abfrage
SELECT c.name, COUNT(o.id) AS orders
FROM customers c
JOIN orders o ON o.customer_id = c.id
WHERE c.city = 'Berlin'
GROUP BY c.name;Plan
412 ms
- Hash Aggregate1.840 Zeilen · Kosten 12%
group by c.name
- Hash Join24.100 Zeilen · Kosten 33%
o.customer_id = c.id
- Seq Scan1.840 Zeilen · Kosten 22%
customers · filter: city = 'Berlin'
- Seq Scan412.000 Zeilen · Kosten 33%
orders · no filter
Beide Tabellen werden komplett gelesen und dann im Speicher verknüpft. Die Kosten wachsen mit der Größe der Tabellen, nicht mit der Größe der Antwort.
API-Flow-Explorer
Beispielhafte Anfragen, es wird nichts gesendet.
POST /api/customers
- Edge
Anfrage parsen, Request-ID anhängen
Jede Logzeile danach trägt dieselbe ID.
- Auth
Session-Cookie prüfen
- Authorisation
Prüfen, ob die Rolle Kunden anlegen darf
- Validation
Schema + Geschäftsregeln
- Persistence
INSERT in einer Transaktion
- Response
201 Created
Antwort
201// Schritt für Schritt durchgehenMotion-Playground
Dasselbe Federmodell, das die Interaktionen dieser Seite nutzen.
Hohe Steifigkeit mit wenig Dämpfung schießt über. Viel Dämpfung mit wenig Steifigkeit fühlt sich an wie Sirup. Der Großteil dieser Seite liegt um 320 / 30.
Kreative UI-Experimente
Kleine Komponenten. Fahren Sie mit dem Zeiger darüber.