4/9/2016

textures.js

 

Add texture to your data visualizations.

textures.js is a Javascript library for creating SVG patterns that add depth and texture to data visualizations. By texturizing selected elements of a visualization, textures.js helps highlight and underscore pertinent takeaways from the overall data story.

The library is made on top of d3.js and can be installed with bower or npm.

textures.js offers three primary patterns: 1) lines, 2) circles, and 3) paths:

lines.png

circles.png

paths.png

Each of these patterns can be further customized by color, stroke width, stroke orientation, shape render, background, radius, fill, and more.

Visit the textures.js webpage here or its GitHub page here.

Comments