rough-notation VS rough

A quick look through the source brought me to https://roughnotation.com/

Also 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.

I used an npm package called Rough Notation React. They have the demos here - https://roughnotation.com/

🎨 Design tip: Even though Delba’s website is fairly minimal, she sparks joy in the user with delightful highlighter animation using a JavaScript library called Rough Notation.

10. Rough Notation

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://github.com/rough-stuff/rough-notation

One comment: some items aren’t rendering properly on my safari (eg checkboxes)

I used [Rough notation](http:// https://roughnotation.com/) for the highlights..not sure I get your second question tho.

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.

It's implemented as a web app and outputs an SVG file - which can then be converted to a bitmap image or PDF. Currently using Rough.js for the sketchy drawing style, but I'm interested to explore other styles and techniques, so eager to hear of any suggestions or ideas. I'll try to post an interactive demo once it's in a state that's worth sharing.

RoughJS: https://roughjs.com/

First time trying to use a JavaScript library...I want to use this library - rough.js - in a project and I'm having some trouble getting started. Here is my code right now:

I posted this a year and a half ago but got no response. Trying again now as RoughJS is currently trending, and there might be some interest. Would love to know what people think of hand-drawn style timelines.

Credit to Preet Shihn (https://news.ycombinator.com/user?id=shihn) for creating the RoughJS library (https://roughjs.com) that enabled us to achieve the "hand-drawn" look for the timelines.