Skip to content

Adopt validated colorblind-safe palette for Query Store visualizations#382

Merged
erikdarlingdata merged 1 commit into
devfrom
dataviz-qs-palette
Jul 4, 2026
Merged

Adopt validated colorblind-safe palette for Query Store visualizations#382
erikdarlingdata merged 1 commit into
devfrom
dataviz-qs-palette

Conversation

@erikdarlingdata

Copy link
Copy Markdown
Owner

What

Applies the /dataviz skill's validated colorblind-safe categorical ramp to the two Query Store visualizations, replacing two ad-hoc palettes that each failed the validator's CVD/contrast checks.

Changes

  • Palettes -> one validated ramp. DefaultTopDbColors (Multi QS Overview databases, 10 slots -> 8) and PlanColors (query-history scatter, 8 -> 8) now use the same 8-hue dataviz dark ramp in fixed CVD-safe slot order. Databases beyond the 8th fold into the neutral "Others" fill (dataviz rule: never invent a 9th hue).
  • Migration. Installs still on the old defaults are moved to the new ramp on load; any user-customized colors are detected and left untouched.
  • Donut label contrast. Percentage labels now pick black/white ink by arc luminance (the rule the bar cards already used), fixing white-on-light-blue text that rendered near 1.75:1.
  • Stacked wait-stats gap. 1px surface gap between stacked segments so adjacent database bands stay distinct.

Validation

  • Ran the dataviz palette validator against the app's dark surfaces (#22252D, #1A1D23): the old palettes FAIL (plan-hash #A1887F read as gray and collided with pink under deutan; both failed the lightness band). The new ramp PASSES all checks (lightness, chroma, contrast; CVD sits in the legal 8-12 floor band, backed by the direct labels / legend both charts already carry).
  • Build clean (0 errors). Eyeballed the running app across the QS Overview (donut, bar cards, wait-stats stack) and the query-history chart.

Notes

  • Read-Only donut state color (#1A5276) left as-is: it is low-contrast on the dark surface, but changing it is a product-semantics decision, not a palette-safety one.
  • No version or changelog changes here; this ships in the next release.

🤖 Generated with Claude Code

- Replace database (DefaultTopDbColors) and plan-hash (PlanColors) categorical
  palettes with the 8-hue dataviz dark ramp in fixed CVD order; both QS views
  now share one validated palette (previously two palettes that each failed
  CVD/contrast checks).
- Migrate installs still on the old defaults to the new ramp; leave any
  user-customized colors untouched.
- Donut percentage labels pick ink by arc luminance so they stay readable on
  light fills (mirrors the bar-card rule).
- Add a 1px surface gap between stacked wait-stat segments so bands stay distinct.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@erikdarlingdata erikdarlingdata merged commit 164109b into dev Jul 4, 2026
2 checks passed
@erikdarlingdata erikdarlingdata deleted the dataviz-qs-palette branch July 4, 2026 17:06
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