Percentile Ruler Load Test Results Block for React

Edit RUNS (each has a version, a date, the p50, p95 and p99 in milliseconds, the sustained requests per second and the number of failed requests), SLO (milliseconds) and MAX_ERRORS (percent). The error rate is errors / (requests per second x 600), the axis runs from 0 to the slowest p99 with some room rounded up to the next 200 ms, the marks are shares of it, and the count in the title is the number of runs that pass, so nothing is kept in step by hand. The numbers are example data.

A solid dot (p50), a ring (p95) and a solid square (p99) stay apart without colour, even where two of them sit close together, and the legend names them. The three values are also written in each run's facts, so nothing depends on seeing the marks.

v2.7 has a p99 of 562 ms, 62 ms over the SLO, so its square sits past the vertical line, its badge says Fail with the destructive dot, and the line under it reads "p99, 62 ms over the SLO". The dot is the block's only warning mark, and the word carries the meaning.

Each run's facts move under its track as a row of the same figures, the axis keeps its ruler with fewer labels (0, 400 and 800) and the hairlines thin out to match. The version and date stay at the start of every row, and nothing scrolls sideways at 320 pixels.

The ruler's drawing is hidden from assistive technology: each run is a list item with its version as a heading, its p50, p95 and p99 as text in a description list of requests per second, error rate and the verdict with its distance from the SLO.

Yes. The ruler is a measurement, so it keeps a left-to-right direction and small times stay at the start; the figures, the percentages and the percentile values are isolated so they keep their order, and the facts column follows the page's direction.