JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1841
  • Score
    100M100P100Q107750F
  • 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 usetextures.js in your html page with a <script> tag, dowloading textures.js in a local folder

<script src="path/to/textures.js"></script>

or 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 with 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