Distributions, mid-sentence

Hover any spark — the bin or value line under the cursor highlights (bins brighten, lines thicken) and shows a tooltip. Pure SVG — no JavaScript, no image files.

import pavement.svg as psvg

# A spark is an SVG string — drop it anywhere in HTML.
spark = psvg.spark(values, bins=8, color="#c0392b")

# bins=None draws a rug (one line per distinct value):
rug = psvg.spark(values, bins=None)

# Customize height, colors, hover formatting:
psvg.spark(prices, bins=8, height="3em", value_format=lambda v: f"${v:,.0f}")

Request latency kept a heavy tail while CPU stayed mid-range and symmetric ; exam scores clustered above the pass mark. Commute times split into two crowds . A pile-up raises a tassel: survey satisfaction bunched on one answer , and the error budget sat at zero most days . With bins=None a spark becomes a rug , versus the binned summary of the same data .

A rug adapts its hover to its size. A handful of build times is a small rug — hover any value to read it and its percentile. The 500-point rug above is too dense for that, so it shows one whole-spark summary instead; force per-value hover with tick_hover_limit=None, or turn it off with 0.