Latency chart

Skill shuakami/paperchart/skills/latency-chart

Render a grouped horizontal bar chart on a log-scaled x axis for latency percentiles (p50 / p95 / p99) across several options. Use when comparing query, request or function latencies across two or more variants where values span multiple orders of magnitude and you want the chart to read at a glance in a technical blog post.From its SKILL.md

Install

npx -y skills add shuakami/paperchart --skill latency-chart

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its file declares

Copied from the file, not written here

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

1.8 KB, 369 tokens by cl100k_base, as published. Nobody here has run it

paperchart — latency chart

A grouped horizontal bar chart on a log-scaled x axis. Each group has a bold title, a short caption underneath, and three bars for p50 / p95 / p99 with the numeric value printed to the right of each bar.

When to use

Before / after latency comparisons.
Side-by-side benchmarks of three or more engines.
Any percentile distribution where the values span several orders of magnitude (log scale matters).

Visual rules

Log x axis with ticks at 0.01 · 0.1 · 1 · 10 · 100 (or the equivalent decade sequence for your data).
One group is coloured with the accent (#C75F3C) — the one the reader should notice. Others stay neutral (#D6B99B).
Value labels sit to the right of each bar with a short prefix like p50 0.47 ms. Tabular numerals so decimals line up.
Corner annotation (top-right) carries the measurement context: platform, sample size, warmup count.

How to use

Clone shuakami/paperchart, open src/charts/LatencyChart.tsx.
Replace the ROWS array with your groups. Each row has group, caption, color: "neutral" | "accent", and three bars entries.
npm run dev, open /#/latency to preview.
npm run snap to render to out/latency.png.

The axis ticks and log domain are constants at the top of the file — edit if your distribution sits outside [0.01, 100].

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.