Create Customized Patterns for Data Visualization

This uses the texture/pattern library Textures.js in conjunction with the d3.js library. It dynamically builds rich patterns based on circles, lines, and paths.
Circles: Lines: Paths:
Radius:


Fill Color:
:Diagonal
:Vertical
:Horizontal
:Orientation 1/8
:Orientation 2/8
:Orientation 3/8
:Cross Hatch

:Squares
:Nylon
:Waves
:Woven
:Crosses
:Caps
:Hexagons
Stroke Width:
Stroke Color:
Size:

SVG Source:
Javascript: