Skip to content

Blog: Meet Horizon UI 6/16 — The Trace Explorer#865

Merged
wu-sheng merged 1 commit into
masterfrom
blog/p6-trace-explorer
Jun 22, 2026
Merged

Blog: Meet Horizon UI 6/16 — The Trace Explorer#865
wu-sheng merged 1 commit into
masterfrom
blog/p6-trace-explorer

Conversation

@wu-sheng

Copy link
Copy Markdown
Member

Part 6 of the Meet Horizon UI series — the per-layer Traces tab.

A triage-first, run-on-demand distributed-trace explorer: structured conditions (no TraceQL — that stays the separate Grafana/OAP path), a duration Distribution chart you box-select to narrow the list, three lenses over one trace (Default waterfall / Tree / Statistics), the span detail panel (Meta / cross-trace refs / tags / logs / events), and a Zipkin tab beside the native one (a layer's traces.source, querying OAP's Zipkin REST API).

  • 5 WebP figures: explorer (+box-select), the waterfall, the Tree view, the Zipkin tab, and a Zipkin span's detail.
  • Facts render-verified against apps/ui/src/layer/traces/* + docs/operate/traces.md (caught several stale doc/comment facts — the page-size cap, the lens labels, the two detail surfaces, the status-not-latency dot color).
  • Author: Sheng Wu. Tags: Tracing, Cloud Native. Doc link points at the real operate/traces page.

Part 6 of the Meet Horizon UI series: the per-layer Traces tab — a triage-first, run-on-demand trace explorer with structured conditions (no TraceQL), a duration-Distribution chart you box-select, three lenses (Default waterfall / Tree / Statistics), the span detail panel, and a Zipkin tab beside the native one. 5 WebP figures (explorer, waterfall, tree, Zipkin tab, Zipkin span). Render-verified against apps/ui/src/layer/traces + docs/operate/traces.md. Tags: Tracing, Cloud Native.
@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for skywalking-website-preview ready!

Name Link
🔨 Latest commit 24426b2
🔍 Latest deploy log https://app.netlify.com/projects/skywalking-website-preview/deploys/6a3955bad4a2c10007d410f2
😎 Deploy Preview https://deploy-preview-865--skywalking-website-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@wu-sheng wu-sheng merged commit 29b9567 into master Jun 22, 2026
5 checks passed
@wu-sheng wu-sheng deleted the blog/p6-trace-explorer branch June 22, 2026 15:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant