RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#1

Post by feross » Wed, Nov 27, 2019, 4:02 PM UTC

RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
github.com

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#2

Post by dandigangi » Wed, Nov 27, 2019, 4:28 PM UTC

Suggested this to our designer as a new direction for data vis products design style. He declined my proposal. Haha Cool library!

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#3

Post by nudemanonbike » Wed, Nov 27, 2019, 4:42 PM UTC

I'm going to use this for every internal page I write, even if charts aren't necessary

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#4

Post by nerdb4itwascool » Wed, Nov 27, 2019, 4:49 PM UTC

This is a really fun library, it'd be great for a blog or personal website. A business site? maybe not so much...

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#5

Post by egyptiankarim » Wed, Nov 27, 2019, 4:53 PM UTC

> Use these charts where the communication goal is to show intent or generality, and not absolute precision. Or just because they're fun and look weird.

I love the intent and execution behind this. The implication of imprecision in the underlying data through rough looking "hand drawn" charts and graphs is a really smart design hack.

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#6

Post by fizixer » Wed, Nov 27, 2019, 4:59 PM UTC

Jake Vanderplas did something similar many years ago in python [1]. I miss his blog posts (must be busy doing something great).

[1] https://jakevdp.github.io/blog/2012/10/07/xkcd-style-plots-i...

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#7

Post by zwily » Wed, Nov 27, 2019, 5:00 PM UTC

And if you live in React-land, here’s a wrapper: https://github.com/Chris927/react-roughviz

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#8

Post by umairadilmirza » Wed, Nov 27, 2019, 5:01 PM UTC

I wonder if I could use these graphs for my office presentations. They're pretty accurate so why not.

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#9

Post by dsamarin » Wed, Nov 27, 2019, 5:20 PM UTC

nerdb4itwascool wrote: post #4

This is a really fun library, it'd be great for a blog or personal website. A business site? maybe not so much...

I would love to see Crayola or RoseArt using this for their quarterly reports.

Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser

#10

Post by bryanrasmussen » Wed, Nov 27, 2019, 5:23 PM UTC

So the has the term sketchy fallen out of use as a slang-term for untrustworthy?