textures
    Overview
    Issues
    Playground
    Versions
    Dependencies
    Tutorials
    Code
    API Reference
    Contributors

textures

SVG patterns for Data Visualization

1.2.2  •  Updated 7 months ago  •  by Riccardo Scalco  •  MIT License

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

Popularity

Weekly Downloads
817
Stars
4.6K

Maintenance

Development

Last ver 7 months ago
Created 5 years ago
Last commit 4 months ago
14 days between commits

Technology

Node version: null
21.6K unpacked

Compliance

MIT License
OSI Approved
0 vulnerabilities

Contributors

8 contributors
Riccardo Scalco
Maintainer, 89 commits, 27 merges
dependabot-preview[bot]
19 commits
Riccardo Scalco
5 commits
Max Ogden
3 commits, 1 PRs
Joe Maller
3 commits, 2 PRs
Works at Ideas On Purpose
bollwyvl
2 commits, 1 PRs

Tags

svg pattern
patterns
textures
d3
svg
dataviz
data visualisation
maps
visual
Ready for the next level?
Join Openbase's founding team to help us build the ultimate open-source app store, work with the latest technologies, and enjoy great culture, impact and autonomy
Openbase helps developers choose among and use millions of open-source packages, so they can build amazing products faster.
FacebookLinkedIn
© 2020 Devstore, Inc.