See what
actually happened.
Stack traces, environment details and the sequence of events, together where you need them.
ERROR CONTEXTFind the signal.
Fix the thing.
See the error, understand the context, and get back to building. Observability for people who would rather be making something.
Open the issue consoleTERMINAL
npx @trace/setupIllustrative command, not an installable package.CheckoutErrorPRODUCTION / 12 MIN AGO
42 const payment = await createPayment();43 return payment.customer.email;44 }
EVENTS128
USERS24
FIRST SEEN12m ago
A little less mystery. A useful next step.
The issues that
need your attention.
Filter the signal from the noise, then resolve the highest-priority sample issue.
acme / web-app
Showing all 4 sample issues.
3 issues are open in this preview.
The slow part.
In plain sight.
Follow a request through the system. See where time goes, without guessing where to start.
Illustrative waterfall · checkout request · 420 ms
0 ms200 ms420 ms
GET /checkout420 ms
authenticate68 ms
fetch customer184 ms
create payment92 ms
render response42 ms
Context is
a debugging tool.
See what
Find the people
who felt it.
Understand the affected experience so your next fix is grounded in real impact.
USER IMPACTClose the loop
with the team.
A clear owner and a visible resolution make the next incident easier to handle.
ISSUE WORKFLOWBuilt for the moment
something goes sideways.
No actual telemetry is collected. This template gives you a focused starting point for a developer product.
JavaScriptPythonReactNode.jsGoRuby
Useful things to know.
Are the errors from a real application?
No. All errors, users and timestamps are fictional examples. The template does not collect telemetry or connect to a monitoring service.
Does resolving an issue change a live system?
No. It only updates the sample issue list in this page session.
Can I reduce the activity animation?
Yes. Motion off pauses the event bars and waterfall scanner. Reduced-motion preferences start with animation disabled.