TouchDesigner
MadMapper
Pure Data
Resolume
QLab
VPT
HeavyM
Modul8
Raphael
D3.js
p5.js
Paper.js
Highcharts
Snap.svg
Google Charts
RAWGraphs
Based on our record, TouchDesigner seems to be a lot more popular than Raphael. While we know about 34 links to TouchDesigner, we've tracked only 2 mentions of Raphael. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
I use TouchDesigner — a nod-based environment from Derivative where you build everything from nodes: CHOPs for data, SOPs for geometry, TOPs for textures, COMPs for components. You can do generative art, data visualization, VJ sets, interactive installations, real-time video processing. Download it free — the non-commercial license covers most use cases. - Source: dev.to / 3 months ago
Https://derivative.ca/ (Both packages have a shared origin I believe). - Source: Hacker News / about 1 year ago
I think this general class of software is called Show Control. There are commercial and open source projects that also do it in some form: https://en.wikipedia.org/wiki/MIDI_Show_Control https://v-control.com/ https://qlab.app/ https://troikatronix.com/ https://derivative.ca/ Plus a variety of Video DJ platforms like VDMX, Arkaos, GrandVJ, which have some of this functionality, and then a lot of free and... - Source: Hacker News / about 1 year ago
Will it be something like TouchDesigner[1] ? I never used it myself, but I follow a lot of creative types who make music visualizations, and art installations with it. I can't find it on Github though, maybe repo is private ? [1] https://derivative.ca/. - Source: Hacker News / almost 2 years ago
⇒ Resolume ⇒ NestMap ⇒ TouchDesigner ⇒ MadMapper ⇒ Any other software listed on the Spout website. Source: about 3 years ago
You could also directly use libraries like Raphael or D3(lots of the tools around use D3.js as their core rendering library) if you just want help with drawing the SVG elements and connectors ... That is, if you're going to pull the data from the DB, decide in your app what each shape should be and where it should be on the page, etc. Integrating and driving these directly from Angular isn't trivial, but there are... Source: almost 5 years ago
In those darker times I used Raphaël to build charts and drag-drop UIs. Maybe check it out? Source: about 5 years ago
MadMapper - The Mapping Software
D3.js - D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
Pure Data - Pd (aka Pure Data) is a real-time graphical programming environment for audio, video, and graphical...
p5.js - JS library for creating graphic and interactive experiences
Resolume - Resolume is an application for live video performances.
Paper.js - Open source vector graphics scripting framework that runs on top of the HTML5 Canvas.