Paperchart Slope

paperchart — slope

Two labelled columns. Each series is a line connecting its start value on the left column to its end value on the right column, with percentage change printed next to the right endpoint. Exactly one series accented.

When to use

• Before / after for multiple metrics at once.
• Policy impact across several subjects.
• Prefer over dumbbell when the two points live on the same axis scale and the slope itself carries meaning.

Input shape

{
  "data": {
    "startLabel": "baseline",
    "endLabel": "rebuilt",
    "startCaption": "fuzzy scorer on inlined json",
    "endCaption": "varint index, streamed on demand",
    "unit": "ms",
    "series": [
      { "label": "p50 query", "start": 8.12, "end": 0.47, "accent": true },
      { "label": "p99 query", "start": 25.4, "end": 3.02 }
    ]
  }
}

Visual rules

• Pick series whose magnitudes are broadly comparable. Mixing 320 ms and 2 ms squashes the low rows.
• Exactly one series accent: true.
• Right column shows both the end value and the percentage change, coloured by the series.