Skip to content

sebastian-meier/d3.sketchy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

d3.sketchy

A tool to create sketchy backgrounds, shapes and lines

Sketchy Rectangles

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

Sketchy Circle

Custom shapes defined by an array of points.

Sketchy Shape

Which can be drawn automatically or with custom path functions

Sketchy Shape

And of course outlines for rectangles

Sketchy Rectangle Stroke

and circles

Sketchy Circle Stroke

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.

About

A tool to create sketchy backgrounds, shapes and lines

Resources

License

Stars

Watchers

Forks

Packages

No packages published