This looks like its all svg lines. If so could also be interesting for pen plotters.
RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
21–30 of 61 posts
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#22If the "hand-drawn diagram" look appeals to you and you're a Visio user, you can get this look in Visio 2016. Design tab > Themes > Hand-drawn.
You could also look into drawing hand-drawn diagrams by hand.
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#23> 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.
>he implication of imprecision in the underlying data through rough looking "hand drawn" charts and graphs is a really smart design hack. The same approach could be used for mockup apps/websites
There is actually a java swing look and feel called napkin from over a decade ago that is similar.
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#24> 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.
>he implication of imprecision in the underlying data through rough looking "hand drawn" charts and graphs is a really smart design hack. The same approach could be used for mockup apps/websites
I use https://balsamiq.com/ for this.
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#25Does anyone know of a way to draw figures that look like old-fashioned textbook illustrations, which I believe weere hand drawn in India ink? My father's physics books from the fifties are just beautiful.
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#26Earlier quoted context omitted.
>he implication of imprecision in the underlying data through rough looking "hand drawn" charts and graphs is a really smart design hack. The same approach could be used for mockup apps/websites
I use https://balsamiq.com/ for this.
That was my first thought when seeing this... IIRC, XAML had a similar rendering option as well.
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#27Does anyone know of a way to draw figures that look like old-fashioned textbook illustrations, which I believe weere hand drawn in India ink? My father's physics books from the fifties are just beautiful.
Can you share some links or images? I'm becoming slowly fascinated with this sort of look and collecting them. I dream one day i'll have the time to make a component or charting library that implements them.
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#28So the has the term sketchy fallen out of use as a slang-term for untrustworthy?
That's the most common informal meaning of the word. The most common formal meaning is "not thorough or detailed", which approaches but doesn't quite capture it's use here (i.e. "looks like a hand-drawn sketch").
I think the "untrustworthy" meaning is also relevant here. One of the reasons to use this hand-drawn look is so that people won't trust the drawings.
Balsamiq has a good description of this philosophy on their "What are Wireframes?" page. Here are the summary points:
1. It makes it clear that this is not the final design.
2. It conveys that "this is all up for discussion".
3. It makes it clear that no code has been written yet.
In other words, don't trust these drawings! They are not finished product, or any kind of product.
There's a longer explanation of each of these points on the page (scroll down to "Why Do These Wireframes Look the Way They Do?"). Recommended reading for anyone considering this sketchy style of drawing:
https://balsamiq.com/learn/resources/articles/what-are-wiref...
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#29This looks like its all svg lines. If so could also be interesting for pen plotters.
why would one print this via pen plotter vs a normal printer?
Re: RoughViz: JS library for creating sketchy/hand-drawn style charts in the browser
#30Does anyone know of a way to draw figures that look like old-fashioned textbook illustrations, which I believe weere hand drawn in India ink? My father's physics books from the fifties are just beautiful.
This is amazing:
https://github.com/jemmybutton/fiziko
There's an excellent blog post by the author with many more illustrations but I can't find it right now. Edit: found it!