Textures.js

This is lovely. When I see this, I don't think 'patterns', rather, 'hatches'. Makes me wonder what the state of modern SVG is w.r.t. real-world units - something like this really…

beautiful!

Very beautiful :D

this is awesome! excellent for monochrome.

Awesome for colorblind people! Looking forward to using this.

Patterns are actually much better for colour-blind people like myself.

This library is fantastic. These patterns are essential in the production of print-ready and print-like contents. With the high resolution screens available today these make for…

this is awesome! excellent for monochrome.

Very good attention to details! (like the position of circle patterns on edges of shapes) Have a star, you deserve it :)

Incredibly well done.

Loving the retro look. But I'm not sure if patterns are as good as colors in communicating data. As soon as the data has even an ordinal scale, gradients or hues should work…

Tufte points out 1 + 1 is 3 or more visually. The two lines create two elements, then the space is another, then the space on either is potentially another.…

Isn't this what Tufte refers to as "chartjunk"?

I never like how they chain methods. A better way would be: ``` texture({lines: true, heavier: true, stroke: 'red'}) ``` Is easier to configure if you need reusable textures.

imho, if the operations are to be performed in a certain order, use chaining. Otherwise, passing a config object is much cleaner

An initial config object would probably be ideal, and then you could have the chaining to supplement those values. You could have the initial method take in the config and use…

Image you have an UI which talks to this. For example you have a button on/off. How would you do? ``` var t = texture().lines().stroke('red') if(this.button.on) t=…

Wonderful! What are the best use case for using this patterns apart from geo graph representation?

Tufte points out 1 + 1 is 3 or more visually. The two lines create two elements, then the space is another, then the space on either is potentially another.…

It reminds me of Semiology of Graphics by Bertin. Nice work! I would like to work on React port, only if I have a spare time...

Here’s what Tufte says: > Can optical art effects ever produce a better graphic? Bertin exhorts: “It is the designer’s duty to make the most of this variation; to obtain the…

I just want to point out that many of the line textures can also be made with repeating-linear-gradient() from CSS, perhaps more efficiently so.

Shades of gray would work as well. Also checkout http://colorbrewer2.org/ It has an option for creating color sets which are "colorblind safe."

Of course he did consider color blindness. Tufte recommends Imhof’s book Cartographic Relief Presentation on the subject of choosing colors for data graphics, and I’d second the…