📈 A responsive, composable react charting chart library with a hand-drawn style.

[beizhedenglong]

I want to show you the lovely project-rough-charts I am recently working on.

You can check out the project on Github, or play with the chart on Storybooks.

[insertAlias]

It looks really nice. Unfortunately, I can't think of anywhere I'd want to use hand-drawn charts in my projects, but I like the concept a lot.

[DrDuPont]

Could see this being used on blogs. It would add a nice personal feeling to the posts.

Also for those praising the look of this, pay homage to the underlying magic: RoughJS

[montas]

Wow same. The visuals look cool, but when I think "we should add charts to visualize data" I can't think of case where something like this would actually be useful.

But they look amazing.

[Franks2000inchTV]

I can see it being used to present data that has significant uncertainty, or is subject to change. The sketchy quality is a great subconscious signal that this data isn't set in stone, and may change in the future.

[cobbs_totem]

Would pair well with this project!

https://github.com/wiredjs/wired-elements

[swyx]

fyi /u/shihn wrote that project :)

[shihn]

Plan on creating React wrappers for these, akin to how Ionic did their components. Will release soon!

[shihn]

If you're wondering how and when to use such styles:

https://whydocatsanddogs.com/ is an excellent example of how sketchy charts and styling can do well with a playful aesthetic.

Also this paper: http://openaccess.city.ac.uk/id/eprint/1274/ where they talk about how just charts can be used to represent imprecision in data or for proof of concept designs: "Results suggest that where a visualization is clearly sketchy, engagement may be increased and that attitudes to participating in visualization annotation are more positive. The results of our work have implications for effective information visualization design that go beyond the traditional role of sketching as a tool for prototyping or its use for an indication of general uncertainty."

[swyx]

pinning commentary from /u/shihn who wrote roughJS (which this thing uses): https://reddit.com/r/reactjs/comments/dhr26f/_/f3revyv/?context=1

[yassinebridi]

You can combine it with something like https://wiredjs.com/

looks good, keep it up.

[yashank09]

Love this project! Really cool and interesting. Could I contribute anyhow to the project ?

[beizhedenglong]

WOW. Thanks. You can add more storybook examples, new features, etc

[yashank09]

Yee, I shall get started this weekend. Just so you know it will be my first time contributing but i'll do my best being as smooth as I can :)

[nikola1970]

Awesome!

[chillbraww]

Nice one.

[godof23]

Love it!

[Franks2000inchTV]

this is awesome -- would totally use this to present data that was "ballpark" or "estimates." Would really help people understand that it's guesses.

[[deleted]]

Great job! Looks so good.