JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1841
  • Score
    100M100P100Q107674F
  • License MIT

SVG patterns for Data Visualization

Package Exports

  • textures

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (textures) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

textures.js

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 http://riccardoscalco.github.io/textures/.

Install

npm install textures

Usage

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/textures@1.2.0/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());

License

MIT