Skip to content

Display workload scatterplots #120

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Aug 11, 2025

Conversation

camillobruni
Copy link
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

Copy link

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
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
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.

@camillobruni
Copy link
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