Sound Visualizations with Pts.js

What it does

Like seeing the Big Dipper in a sky full of stars, Pts helps you connect the dots in the vastness of conceptual spaces. Pts enables you to compose and express what you see in your mind's eyes &mdash; points as ideas, shapes, colors, motions, interactions, and more. Pts is lightweight and modular. Written in typescript, it comes with many useful algorithms for visualization and creative coding. Its friendly API supports both quick prototyping and bigger projects. Use it directly (link from cdnjs or unpkg , or download from github ): <script src="/path/to/pts.min.js"></script> Draw a dot that follows the pointer in a single line of code: Pts.quickStart("myID")(t => form.point(space.pointer))…from ptsjs.org

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

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

• 
  Pts.js2017 · ptsjs.org · ▲5

  A new library to compose and visualize points

• TJ
  Textures.js, SVG Patterns for Data Visualization2015 · riccardoscalco.github.io · ▲404

  A JavaScript Library for creating SVG patterns

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

  A highly customizable, open source SVG icons library

• 
  Chart.js2014 · chartjs.org · ▲263

  Simple, clean & engaging charts for designers and developers

• 
  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…

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Webframe▲796

  >800 web app screenshots for inspiration on your next app 🎉

  Dev tools · 2019 · webframe.xyz

• 
  CSS Scan 2.0▲758

  The fastest and easiest way to inspect or copy CSS ⚡️

  Dev tools · 2019 · getcssscan.com

• 
  Golden▲680

  Mapping human knowledge with AI

  AI · 2019 · golden.com

• 
  When To Launch▲654

  Launch your product on the right date and time based on data

  Growth · 2019

• 
  Hyper 3▲643

  A cross-platform terminal powered by web technologies

  Dev tools · 2019 · hyper.is

• CC
  CSSFX – Click-to-copy CSS effects▲595

  Life & fun · 2019 · cssfx.dev