Skip to content

docs: redesign the results UI - #2335

Open
colinhacks wants to merge 6 commits into
moltar:masterfrom
colinhacks:docs-redesign
Open

docs: redesign the results UI#2335
colinhacks wants to merge 6 commits into
moltar:masterfrom
colinhacks:docs-redesign

Conversation

@colinhacks

@colinhacks colinhacks commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

A visual refresh of the results site. docs/ only — no data or benchmark changes, and all existing functionality (benchmark/runtime filters, sort, light + dark via the OS preference) works as before.

Before:

before, light mode

After:

after, light mode

after, dark mode

What changed:

  • Replaces water.css and the inline styles with a small stylesheet: filters in a sticky sidebar, the chart on a card, the benchmark descriptions in a grid of cards. Single-column below 900px.
  • New chart palette with one stable color per benchmark. The four colors pass colorblind-separation (CVD) checks against both surfaces; the old Set3 pastels also colored the value labels, which made them hard to read in light mode.
  • Every row gets a full-width track, and a benchmark a library doesn't implement reads as n/a on an empty track. Previously those rows printed 0 against an axis where zero is indistinguishable from a missing bar.
  • The plot is sized from its container rather than a fixed 600px, so value labels and the last axis tick no longer get clipped between roughly 1000 and 1300px wide. Long library names truncate on narrow screens instead of squeezing the bars out of view.
  • Selecting more than one runtime version now labels each bar with its version. Previously the repeated bars were the same color with nothing to tell them apart.
  • Compact SI axis ticks (20M) and monospaced value labels.
  • The chart SVG re-renders on an OS color-scheme change; previously it kept the old label colors until reload.
  • The Star/Fork buttons have rendered as bare text links since the Vite migration dropped the github-buttons script; they're now styled links with inline octicons, no external script.
  • Fonts: Inter and JetBrains Mono from Google Fonts.

npm run lint and npm run build pass in docs/.

Copilot AI lite review requested due to automatic review settings August 31, 2026 17:28

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

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