Live data from Hacker News

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

github.com

31–40 of 61 posts

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

#31
post #17

Earlier 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

There is actually a java swing look and feel called napkin from over a decade ago that is similar.

http://napkinlaf.sourceforge.net/ has some pictures. It's actually good for mockups, since users don't assume the feature is done when they see it.

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

#32

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

Yes, I've been doing that increasingly (and taking photos) or using an iPad + pencil -- tbh hand-drawn + photos is just faster.

But sometimes photos or exported illustrations don't work e.g. when someone else (remote) needs an editable copy.

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

#33

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

Similarly, is there a simple way/tool to generate ascii diagrams?

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

#34

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

Paging fogleman (https://news.ycombinator.com/user?id=fogleman) :-)

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

#35

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

How about a pencil and ink? Then scan it in, and clean it up.

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

#37

Anyone know of a good library for large directed graph visualization? Something akin to google maps where you can scroll in-and-out, and it improves/reduces resolution accordingly?

I've used vis.js for some projects and it did the job well. Very customizable.

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

#38

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

Similarly, is there a simple way/tool to generate ascii diagrams?

On a Mac: https://monodraw.helftone.com but it's no longer under active development.

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

#39

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

Here are a couple from a book I could find right away. https://imgur.com/gallery/K3iBxgm From a 1948 text by McGraw-Hill.

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

#40

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

How about a pencil and ink? Then scan it in, and clean it up.

Alas, while I want to produce accurate and attractive figures, after trying hard for many years, I find that my talents just do not turn that way.

I write texts that are free, so I am unable to pay someone to do it. At this point I use Asymptote, which does a very good job in the accuracy area and is perfectly professional in appearance. But I just love these figures and I wish I could convince my computer to turn them out.

Post reply on HN