Skip to content

Display workload scatterplots#120

Merged
camillobruni merged 11 commits into
WebKit:mainfrom
camillobruni:2025-08-10_scatterplot
Aug 11, 2025
Merged

Display workload scatterplots#120
camillobruni merged 11 commits into
WebKit:mainfrom
camillobruni:2025-08-10_scatterplot

Conversation

@camillobruni
Copy link
Copy Markdown
Contributor

@camillobruni camillobruni commented Aug 11, 2025

Display a mini scatterplot for each subtest to help with quickly assessing noise levels.

  • Keep the raw results in Benchmark.processResults
  • Clean up CSS colors by using variables
  • Only display 2 decimal digits for all scores (this occasionally caused line wraps for the displayed subscores)
  • Use the same formatting for the total subscores as for the subtest subscores (visible only when clicking)
Screenshot 2025-08-11 at 10 05 41

@netlify
Copy link
Copy Markdown

netlify Bot commented Aug 11, 2025

Deploy Preview for webkit-jetstream-preview ready!

Name Link
🔨 Latest commit e734314
🔍 Latest deploy log https://app.netlify.com/projects/webkit-jetstream-preview/deploys/6899f4dd46aa0e000800197a
😎 Deploy Preview https://deploy-preview-120--webkit-jetstream-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.

@camillobruni camillobruni changed the title Add min scatterplots to results Display workload scatterplots Aug 11, 2025
@danleh
Copy link
Copy Markdown
Contributor

danleh commented Aug 11, 2025

Very cool feature! Very minor rendering glitch (Chrome M139, Linux) during loading:
image
Note how the second placeholder bar has a protruding edge of some sort on the lower left corner. Is there some overlapping element being rendered here?

Copy link
Copy Markdown
Contributor

@danleh danleh left a comment

Choose a reason for hiding this comment

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

LGTM with tiny nits.

Comment thread JetStream.css
Comment thread JetStreamDriver.js Outdated
@camillobruni
Copy link
Copy Markdown
Contributor Author

Looks like the underscores <h4 class="score" id="${overallScoreId}">___</h4> where accidentally rendered at the bottom-left due to some missing CSS rules and that caused the corner to be filled out :P. Using &nbsp; as placeholder now.

@camillobruni camillobruni merged commit 6a9c126 into WebKit:main Aug 11, 2025
10 checks passed
@camillobruni camillobruni deleted the 2025-08-10_scatterplot branch August 11, 2025 14:55
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.

2 participants