Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick Rough.js annotation?
When the story is: explainer highlights, ad concept frames, teaching callouts.
When should I avoid Rough.js annotation?
Skip it in cases like: dense quantitative comparison that needs precise lengths.
Who invented or popularised it?
Rough.js brought controllable sketch rendering to the open web
What does it encode?
imperfect strokes and fills as attention cues
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
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.
Principles
- Encoding — The core mark of Rough.js annotation is imperfect strokes and fills as attention cues.
- History — Rough.js brought controllable sketch rendering to the open web
- Fit — explainer highlights, ad concept frames, teaching callouts
- Shared baseline — The eye compares length and position more accurately than area.
- Audience — PowerPoint, Excel or Google Sheets and Meta, Google and retail print share the same geometry.
Misconceptions
- Pretty equals true — Decoration rarely persuades; it slows reading.
- 3-D helps — Perspective distortion wrecks comparison. Keep it flat.
- More series is richer — Do not stack stories. One Rough.js annotation, one claim.
- Default palette is fine — Rainbow defaults fail color-blind viewers and grey print. Change Excel or Google Sheets defaults.
Why it matters
- Work — Work: explainer highlights, ad concept frames, teaching callouts. Readable in four minutes in PowerPoint.
- Ads — Ads: one number and one shape speak first in Meta, Google and retail print.
- School — School: for lab reports and poster boards, pick the form that answers the rubric.
- Craft — Craft: honour imperfect strokes and fills as attention cues and decoration falls away.
Rough.js annotation: honour imperfect strokes and fills as attention cues, and switch when dense quantitative comparison that needs precise lengths.