Rough.js: Create graphics with a hand-drawn, sketchy, appearance
Report a link problem
Submission timeline
2007–2026One slot for every year since HN launched. Height is that year's peak points; orange marks a 100+ point or 50+ comment breakout. Select a bar to open its strongest thread.
First comments on top threads
HN comment orderAlso see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc. I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.
Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements). Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz
https://news.ycombinator.com/item?id=22141526
Good stuff.. specially the SVG path drawing.
The first top-level comment from each of the four biggest threads, in HN’s own order. Excerpts are shortened; open a comment for full context.
- Breakout years
- 3
- Total points
- 719
- Total comments
- 76
100+ points or 50+ comments
reference only — not used in Hall rules or ranking
reference only — not used in Hall rules or ranking
Every submission
| Date | Title as submitted | By | Points | Comments |
|---|---|---|---|---|
| 2017-02-16 | Show HN: Rough.js simple lib to create hand-drawn, sketchy, scribbly graphics | shihn | 6 | 1 |
| 2017-03-06 | Rough.js – Create graphics with a hand-drawn, sketchy, appearance | sebg | 2 | 0 |
| 2020-04-05 | Rough.js – Create graphics with a hand-drawn, sketchy, appearanceFirst breakout | simonpure | 101 | 13 |
| 2021-11-05 | Rough.js | colinprince | 2 | 0 |
| 2021-12-14 | Rough.js – Create graphics with a hand-drawn, sketchy, appearance | thunderbong | 236 | 23 |
| 2023-12-22 | Rough.js: Create graphics with a hand-drawn, sketchy, appearanceHall induction · Best thread · Latest 20+ point return | edward | 372 | 39 |