Related: https://matplotlib.org/xkcd/examples/showcase/xkcd.html
Easier web version :) http://xkcdgraphs.com/
Show HN: RoughJS – Create hand-drawn graphics using JavaScript
31–40 of 103 posts
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#32This is a very fun library. Following the tip in these comments from @bcjordan to repeatedly re-render, I've forked a little physics notebook by Jim Bumgardner apply Rough.js to the circle rendering: https://beta.observablehq.com/@jashkenas/tumble-wheel-with-r... Wheee. Edit: Too much fun. Here's another: https://beta.observablehq.com/@jashkenas/scratchy-eyes
Beautiful! :)
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#33This is a very fun library. Following the tip in these comments from @bcjordan to repeatedly re-render, I've forked a little physics notebook by Jim Bumgardner apply Rough.js to the circle rendering: https://beta.observablehq.com/@jashkenas/tumble-wheel-with-r... Wheee. Edit: Too much fun. Here's another: https://beta.observablehq.com/@jashkenas/scratchy-eyes
This is not working in Firefox. Not sure why.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#34A bit off-topic but a while ago someone posted a similar tool here on HN that allows one to produce diagrams - they looked pretty much hand-drawn. Does anyone have a link?
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#35This is just lovely :) I guess I don't really have much to add, other than to say you've delighted me with this
Thanks. I'm a bit surprised by the reception actually. It was just a fun side project with no real use case in mind.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#36Fantastic! I love this sort of thing, hope to see it used a lot. Could definitely use support for high-DPI screens.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#37If you repeatedly clear canvas/draw with a setInterval of ~100-200ms, looks kind of like the hand-drawn un-stable lines art style of Squigglevision (Dr. Katz / Science Court) :) EDIT: If folks want to play with a JSFiddle: https://jsfiddle.net/49g2Leqw/9/
That's true. There's so much randomness in there that every render will likely be unique - every so slightly different from the previous frame.
zxczxc
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#38This is a very fun library. Following the tip in these comments from @bcjordan to repeatedly re-render, I've forked a little physics notebook by Jim Bumgardner apply Rough.js to the circle rendering: https://beta.observablehq.com/@jashkenas/tumble-wheel-with-r... Wheee. Edit: Too much fun. Here's another: https://beta.observablehq.com/@jashkenas/scratchy-eyes
This is fantastic.
Im making over $7k a month working part time. I kept hearing other people tell me how much money they can make online so I decided to look into it. Well, it was all true and has totally changed my life. This is what I do, ====http://www.todaysfox.com
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#39Reminds me of this old website I built back in college http://xkcdgraphs.com/
Woah! This is awesome. :) I'd love to use this on my blog next time I need graphs.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#40A bit off-topic but a while ago someone posted a similar tool here on HN that allows one to produce diagrams - they looked pretty much hand-drawn. Does anyone have a link?
If by diagrams you mean charts, possibly https://jakevdp.github.io/blog/2012/10/07/xkcd-style-plots-i...