Skip to content

Add quantitative bubble sizes to dashboard scatter plots - #20314

Merged
pelikhan merged 3 commits into
mainfrom
pelikhan/scatter-plot-value-facet
Nov 7, 2026
Merged

pelikhan merged 3 commits into
mainfrom
pelikhan/scatter-plot-value-facet

Conversation

@pelikhan

@pelikhan pelikhan commented Nov 6, 2026 •

Copy link
Copy Markdown
Collaborator

Why

Scatter plots currently show time and one numeric measure. Add the familiar bubble-chart variant so a third quantitative measure can control circle size with its own legend, making resource use and ingestion density easier to compare.

Approach

  • Extend Dashboard Language scatter charts with optional quantitative encoding.value. Circle area is proportional to positive finite values, with independent size legends and formatted accessible labels/tooltips. Scatter-circle fills are 40% opaque while outlines remain fully opaque, revealing overlaps.
  • Preserve individual bubble observations without clustering or sampling. Declare transformations and aggregation in canonical queries rather than presenter code; visibly disclose unusable sizes instead of inventing values.
  • Indexing sizes circles by retained ingestion entries on the same shard day. Add a workflow-scoped chart of recorded Actions minutes over time, with AI Credits controlling circle area and conclusions controlling color. Use numeric Actions minutes, not the display-only duration string. These measures do not imply confidence, verified value, or complete coverage.
  • Leave Graders as an ordinary scatter plot: its heterogeneous, dense measurement cloud is not a useful bubble-chart example. The earlier Graders screenshots are superseded by the replacement previews.
  • Update language contracts, fixtures, generated agent catalogs, and the audited immediate-dashboard fingerprint. No new stores, external sources, CLI capabilities, or rollout authority.

Validation

  • Dashboard unit suite: 407 files passed, 3,984 tests passed, one existing skip.
  • Focused browser coverage passes, including production worker queries, size refreshes, computed fill opacity, and mobile geometry.
  • Dashboard lint, typecheck, document validation, and production build passed.
  • Initial feature Lighthouse scenarios and deployed-data worker heap checks passed.
  • Documentation build passed during feature implementation; all 78 workflows compile after the final documentation revision.
  • Populated full-site desktop/mobile captures verify 183 points in the selected workflow and translucent fills on both adopted views. Updated screenshots are attached in a review comment.

Extend Dashboard Language scatter charts with an optional value encoding, area-proportional marks, and accessible size legends. Keep transforms in canonical queries and adopt evidence-count sizing in Indexing and Graders.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
@pelikhan

pelikhan commented Nov 6, 2026

Copy link
Copy Markdown
Collaborator Author

Populated full-site previews of the adopted bubble charts. Circle area indicates retained evidence volume, not confidence. Graders is shown with the existing experimental build setting enabled.

Indexing bubble chart on desktop

Indexing bubble chart on mobile

Grader bubble chart on desktop

Grader bubble chart on mobile

@github-actions

github-actions Bot commented Nov 6, 2026 •

Copy link
Copy Markdown
Contributor
Dashboard dead views

Dead element views (0):
Dead dashboard pages (0):
Analyzed 8 element renderers and 74 dashboard pages across 1 dashboard.json file(s) from dashboard/site/src/components/ui-elements.js.

⚠️ This reachability report is informational and does not block the pull request.
🔎 View the workflow run and report artifact.

Restore Graders to ordinary scatter points and adopt bubble sizing on a workflow-scoped Actions minutes chart. Apply 40 percent fill opacity while keeping outlines opaque, and cover the canonical query, route scope, and browser presentation.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
@pelikhan

pelikhan commented Nov 6, 2026

Copy link
Copy Markdown
Collaborator Author

Updated previews supersede the earlier Graders examples. Graders now keeps ordinary scatter points. The replacement shows recorded Actions minutes versus start time for one workflow, with AI Credits controlling circle area. Scatter fills are 40% opaque and outlines remain opaque. These are populated full-site desktop/mobile captures.

Workflow Actions minutes and AI Credits on desktop

Workflow Actions minutes and AI Credits on mobile

Translucent indexing bubbles on desktop

Translucent indexing bubbles on mobile

@pelikhan
pelikhan marked this pull request as ready for review November 6, 2026 23:28
@pelikhan
pelikhan requested a review from mnkiefer as a code owner November 6, 2026 23:28
Preserve bubble chart requirements in a linked companion page without changing repository size contracts.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
@pelikhan
pelikhan merged commit b2006ee into main Nov 7, 2026
44 checks passed
@pelikhan
pelikhan deleted the pelikhan/scatter-plot-value-facet branch November 7, 2026 02:45
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