When to use

At a glance

ComfortableCompact

Darker cells mean a higher score for this topic on that metric.

Clarity74

Persuasion88

Density30

Craft cost34

School fit70

Work fit68

LessMore

Rough.js annotation encodes values as imperfect strokes and fills as attention cues. Rough.js brought controllable sketch rendering to the open web.

In reports, ads and assignments it fits explainer highlights, ad concept frames, teaching callouts. Skip it when dense quantitative comparison that needs precise lengths.

Use when

• Use when 1 — Use Rough.js annotation when the story is explainer highlights, ad concept frames, teaching callouts.
• Use when 2 — Build the first draft in Excel or Google Sheets, then restyle — do not screenshot.
• Use when 3 — In PowerPoint, one Rough.js annotation per slide, claim in the title.
• Use when 4 — For lab reports and poster boards, this form works when the question is comparison or process.
• Use when 5 — In Meta, Google and retail print, keep one number visible at thumbnail size.

Avoid when

• Avoid when 1 — Skip Rough.js annotation in cases like: dense quantitative comparison that needs precise lengths.
• Avoid when 2 — 3-D, dual axes, rainbow scales
• Avoid when 3 — Undated numbers, undated time series
• Avoid when 4 — Four charts on one slide

Audiences

• Work — PowerPoint
• Ads — Meta, Google and retail print
• School — lab reports and poster boards

Rough.js annotation: honour imperfect strokes and fills as attention cues, and switch when dense quantitative comparison that needs precise lengths.

← Anatomy Rough.js annotation Craft →