d3.sketchy

A tool to create sketchy backgrounds, shapes and lines

The library was inspired by Handy by Jo Wood et al. The circle strokes use code from http://codepen.io/spencerthayer/pen/nhjwu by Spencer Thayer

The library can draw rectangles and circles

Custom shapes defined by an array of points.

Which can be drawn automatically or with custom path functions

And of course outlines for rectangles

and circles

The density, angle and sketchiness can be customized through parameters and the thickness of the lines through css.

Here is an interactive customizer that lets you play around with the parameters.

For in-depth documentation take a look at the docs, there are also various examples.