Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization.
Read more on https://riccardoscalco.github.io/textures/.
npm install textures
Import textures.js
from NPM with:
import textures from 'textures';
You can also use textures.js
in your HTML page with a <script>
tag by downloading textures.js
to a local folder:
<script src="path/to/textures.js"></script>
or by using the Unpkg CDN network:
<script src="https://unpkg.com/[email protected]/dist/textures.js"></script>
Then textures.js
can be used alongside d3
with:
const svg = d3
.select('#example')
.append("svg");
const texture = textures
.lines()
.thicker();
svg.call(texture);
svg
.append('circle')
.style('fill', texture.url());
MIT