ONonion2k·Jun 21, 2023
The docs don't agree with you - https://github.com/rough-stuff/rough/wiki#seed - if you use a fixed non-zero value it should be the same every time.
In Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Actionrough-stuff
rough
HTML2018–2023
rough-stuff / rough
rough
Create graphics with a hand-drawn, sketchy, appearance
10Distinct people
14Mentions
0Explicit recommenders
21.4KGitHub stars
What to know before exploring
What it is
Create graphics with a hand-drawn, sketchy, appearance
GitHub
Where it is used
No documented product use has been verified yet.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 8–Nov 15 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/15/2026, 2:04:58 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by year14 dated mentions
Observed mentions: 2018-03-12 22:16:38 UTC to 2023-06-21 12:33:42 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| 2018 | 2018-01-01 00:00:00 UTC | 2019-01-01 00:00:00 UTC | 6 | 2 | 4 |
| 2019 | 2019-01-01 00:00:00 UTC | 2020-01-01 00:00:00 UTC | 4 | 2 | 2 |
| 2020 | 2020-01-01 00:00:00 UTC | 2021-01-01 00:00:00 UTC | 2 | 0 | 2 |
| 2021 | 2021-01-01 00:00:00 UTC | 2022-01-01 00:00:00 UTC | 1 | 0 | 1 |
| 2022 | 2022-01-01 00:00:00 UTC | 2023-01-01 00:00:00 UTC | 0 | 0 | 0 |
| 2023 | 2023-01-01 00:00:00 UTC | 2024-01-01 00:00:00 UTC | 1 | 0 | 1 |
What Hacker News says
14 sourcesThe official github repo: https://github.com/rough-stuff/rough
In Rough.js – Create graphics with a hand-drawn, sketchy, appearanceThere are a few things that need to come together for a complete diagram publishing system:
* Converting hand-drawn sketches to tidy diagrams [1]
* Converting tidy diagrams to look hand-drawn [2]
* A textual DSL for diagrams (e.g. Penrose)
* Support of declarative constraints for the diagram [3]
* Animation of the diagram [4][5]
[1] Paper https://www.fiftythree.com/think
[2] rough.js https://github.com/pshihn/rough
[3] Basalt https://www.anishathalye.com/2019/12/12/constraint-based-gra...
[4] Distill https://distill.pub/2017/momentum/ source https://github.com/distillpub/post--momentum
[65] g9.js https://omrelli.ug/g9/
In CMU’s ‘Penrose’ Turns Complex Math Notations into Illustrative DiagramsIf you have another library that builds SVG charts or diagrams, Rough.js is really fun and usually very simple to include.
When combined with a handwritten font like humour sans[0] You can instantly turn a chart into something that looks more like an XKCD drawing.
No idea why, but I find the hand-drawn look is universally more engaging for charts and diagrams, causing people to actually pay attention and ask questions. It looks like some of the example links[1] need updating. But the WiredJS[2] site is a good demo of the look I am describing.
[0] https://github.com/shreyankg/xkcd-desktop/blob/master/Humor-...
[1] https://github.com/pshihn/rough/wiki/Examples
[2] https://wiredjs.com/
In Rough.js v4.0 – hand-drawn, sketchy graphicsFor general SVG "sketchy" effect, Rough.js is a very cool library: https://roughjs.com/ https://github.com/pshihn/rough/
https://roughjs.com/examples/bar-chart.html is an example of a bar chart built up with D3
https://news.ycombinator.com/item?id=16571827 was the discussion when it was first submitted
In Show HN: Chart.xkcd – Xkcd-styled chart libraryRough.js hand-drawn graphics library v3.1 released
4 points · Open discussionRough.js – Create graphics with a hand-drawn sketchy, appearance
3 points · Open discussionIt is based on another tool I have written, a2sketch[0]:
that uses asciitosvg (still the php-variant[1]), generates a svg and feeds that into rough.js[2] (converts svg in sketchy svg)
[0]: https://github.com/arnehilmann/a2sketch
[1]: https://github.com/dhobsd/asciitosvg
[2]: https://github.com/pshihn/rough
In Show HN: Markdeck – author cool slides, text-only, offline-ready, collaborativeMakes sense to me, [1] RoughJs would be l a good library to do that.
[1] https://github.com/pshihn/rough/blob/master/README.md
In Show HN: A Tool for Communicating UncertaintyHand-drawn graphics library Rough.js has new fill styles
98 points · Open discussionShow HN: RoughJS – Create hand-drawn graphics now supports both SVG and Canvas
7 points · Open discussionI drew a map with RoughJS and d3 (3rd example ->)https://github.com/pshihn/rough/wiki/Examples
I'm sure Charts and all would be easy too.
In Show HN: RoughJS – Create hand-drawn graphics using JavaScriptWell, this just solved two problems I've been trying to figure out for months -- thanks, shihn!
GitHub link: https://github.com/pshihn/rough
In Show HN: RoughJS – Create hand-drawn graphics using JavaScriptIt's doable - It already parses SVG paths https://github.com/pshihn/rough/wiki#path-d--options
In Show HN: RoughJS – Create hand-drawn graphics using JavaScript