Skip to content

[SPARK-55878][UI] Add Job Timeline to SQL execution detail page#55050

Open
yaooqinn wants to merge 1 commit intoapache:masterfrom
yaooqinn:SPARK-55878
Open

[SPARK-55878][UI] Add Job Timeline to SQL execution detail page#55050
yaooqinn wants to merge 1 commit intoapache:masterfrom
yaooqinn:SPARK-55878

Conversation

@yaooqinn
Copy link
Copy Markdown
Member

What changes were proposed in this pull request?

Add a vis-timeline Gantt chart to the SQL execution detail page showing job start/end times within a SQL execution.

  • Each job renders as a colored bar (green=succeeded, red=failed, blue=running)
  • Tooltip shows job description, status, and duration
  • Clicking a job bar navigates to the job detail page
  • Collapsible with expand/collapse toggle (same pattern as Jobs page Event Timeline)
  • Reuses existing drawApplicationTimeline function and vis-timeline library

Why are the changes needed?

Understanding job-level parallelism and sequencing within a SQL execution is important for performance analysis. The timeline shows which jobs ran in parallel, where there were idle gaps, and which job was the longest-running bottleneck.

Does this PR introduce any user-facing change?

Yes — new "Job Timeline" section on the SQL execution detail page.

How was this patch tested?

Manual testing with TPC-DS SF100 queries. Screenshot verified.

Was this patch authored or co-authored using generative AI tooling?

Generated-by: GitHub Copilot (Claude Opus 4.6)

Copy link
Copy Markdown
Member

@pan3793 pan3793 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add a switch for this feature (either using spark.ui.timelineEnabled introduced by SPARK-39440 or a new one is fine), beacuse timeline panel might be time consuming -this was observered at least in Job page and Stage Details page.

@yaooqinn yaooqinn marked this pull request as draft March 27, 2026 04:57
Add a vis-timeline Gantt chart showing job start/end times within a
SQL execution. Reuses the existing drawApplicationTimeline function
and vis-timeline library from the Jobs page.

Features:
- Shows each job as a colored bar (green=succeeded, red=failed, blue=running)
- Tooltip with job description, status, and duration on hover
- Click job bar to navigate to job detail page
- Collapsible with expand/collapse toggle (same as Jobs page Event Timeline)
- Zoom lock checkbox for timeline navigation

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@yaooqinn
Copy link
Copy Markdown
Member Author

@pan3793 added, although we have limited jobs on a single query

@yaooqinn
Copy link
Copy Markdown
Member Author

Screenshot

Associated Jobs section — timeline Gantt chart above jobs table:
jobs-timeline-table

Shows 3 jobs with vis-timeline bars (Job 15: 17ms, Job 16: 0.8s, Job 17: 72ms) plus the sortable jobs table below. Timeline respects spark.ui.timelineEnabled and spark.ui.timeline.jobs.maximum configs.

@pan3793 pan3793 dismissed their stale review March 27, 2026 07:07

commen has been addressed

@yaooqinn yaooqinn marked this pull request as ready for review March 27, 2026 18:00
Copy link
Copy Markdown
Member

@dongjoon-hyun dongjoon-hyun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

+1, LGTM. Thank you, @yaooqinn .

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.

3 participants