Textures.js, SVG Patterns for Data Visualization

In plain words

Textures.js is a JavaScript library for creating SVG patterns used in data visualizations. It enables developers to generate customizable textures and fills that can enhance charts and graphs beyond solid colors. The library provides a collection of pattern options to distinguish data elements visually, making it particularly useful for creating accessible and visually distinct data representations in web-based visualization projects.

written from the facts on this page · September 2026

• 
  RoughJS – Create hand-drawn graphics using JavaScript2018 · roughjs.com · ▲1,087

  Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

• 
  Vivid JS2018 · webkul.github.io · ▲183

  A highly customizable, open source SVG icons library

• 
  Pts.js – A library for visualization and creative coding2018 · ptsjs.org · ▲611

  Pts is a javascript library for visualization and creative-coding.

• 
  A JavaScript library for data visualization in both SVG and Canvas2024 · github.com · ▲161

  Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…

• 
  Chart.js2014 · chartjs.org · ▲263

  Simple, clean & engaging charts for designers and developers

• RJ
  Rune.js – Graphic design systems with SVG in the browser or Node.js2015 · runemadsen.github.io · ▲92

  A JavaScript library for programming graphic design systems with SVG

• 
  SimCity, but with Permits▲887

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 24h ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 8d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 12d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 22d ago · space.bl2.net

• 
  Periscope▲1,049

  Explore the world through someone else's eyes

  Life & fun · 2015 · periscope.tv

• 
  Product Hunt for Chrome▲898

  The best new products, every day, in your browser

  Life & fun · 2015

• 
  Amazon Dash Button▲772

  Place it. Press it. Get it.

  Commerce · 2015 · amazon.com

• 
  $Cashtags by Square▲722

  Get paid via $cashtags for things you do online or in person

  Commerce · 2015 · t.co

• 
  Gyroscope▲713

  A new OS for the human body

  Growth · 2015 · gyrosco.pe

• 
  Freebie.Supply▲669

  Awesome free things for entrepreneurs & startups

  Growth · 2015 · growth.supply