I invite you to add <a href="https://polygonjs.com" rel="nofollow">https://polygonjs.com</a>, which is fully node-based (I'm the author). You can create procedural geometry, shaders, behaviors, with just nodes.<p>It is inspired by Houdini/Nuke/Unreal. The main engine is open source ( <a href="https://github.com/polygonjs/polygonjs" rel="nofollow">https://github.com/polygonjs/polygonjs</a> ) and there are more and more examples ( <a href="https://polygonjs.com/examples/" rel="nofollow">https://polygonjs.com/examples/</a> )<p>(edit - oh, it was already there! thank you!)
You can add <a href="https://ossia.io" rel="nofollow">https://ossia.io</a> which (as its author) I believe is fairly unique in combining node-based and timeline directly in the same UI :)
I have recently implemented a fairly complex workflow editor [1] at Northflank (<a href="https://northflank.com" rel="nofollow">https://northflank.com</a>) using react-flow and elkjs. They make for a very powerful and flexible combination, great for our needs.<p>[1] <a href="https://i.imgur.com/gENveM4.png" rel="nofollow">https://i.imgur.com/gENveM4.png</a>
Plug: Im making a keyboard-centric flowchart editor designed for speed. Its node/wires but instead of being a canvas and mouse interaction, its a grid like a spreadsheet and has navigation and selection like a spreadsheet. Free to use (below). It would go in the Diagramming section.<p><a href="https://www.knotend.com" rel="nofollow">https://www.knotend.com</a>
I think Blender is worth an honerable mention. :)<p>Geometry nodes, part of «everything Nodes», is pretty interesting: <a href="https://youtu.be/kMDB7c0ZiKA" rel="nofollow">https://youtu.be/kMDB7c0ZiKA</a>
I guess this is where I shamelessly plug mine ;)<p><a href="https://kronoslang.io/veneer/tour" rel="nofollow">https://kronoslang.io/veneer/tour</a><p>(music DSP patcher with a WASM JIT in browser)
Bespoke Synth (<a href="https://www.bespokesynth.com/" rel="nofollow">https://www.bespokesynth.com/</a>) is another cool open source node-based synthesizer.
Some Additional Local Data Processing Soft I use :<p>- Data preparation : <a href="https://easymorph.com/" rel="nofollow">https://easymorph.com/</a><p>- Data transformation : <a href="https://www.easydatatransform.com/" rel="nofollow">https://www.easydatatransform.com/</a><p>Also general purpose visual/dataflow python scripting like ryven.org and PyFlow
Should this list include text-to-node utils? Things like...<p>- Graphviz (<a href="https://graphviz.org/" rel="nofollow">https://graphviz.org/</a>)<p>- Mermaid-js (<a href="https://mermaid.live/" rel="nofollow">https://mermaid.live/</a>)<p>- Flowchart Fun (<a href="https://flowchart.fun/" rel="nofollow">https://flowchart.fun/</a>)
I made a pull request for GoJS (<a href="https://gojs.net" rel="nofollow">https://gojs.net</a>)<p>I have been building this canvas-based graphing library since 2011, and it contains a good number of features around customization and interactivity that are not found in other libraries. It is commercial for non-academic use however.
For DSP there is also: <a href="https://puredata.info" rel="nofollow">https://puredata.info</a><p><a href="https://en.wikipedia.org/wiki/Pure_Data" rel="nofollow">https://en.wikipedia.org/wiki/Pure_Data</a>
I have written 2 products with node-based UIs.<p><a href="https://www.easydatatransform.com" rel="nofollow">https://www.easydatatransform.com</a> : A node based data transformation (ETL) tool where nodes are inputs, transformations (61 to choose from) and outputs.<p><a href="https://www.hyperplan.com" rel="nofollow">https://www.hyperplan.com</a> : A card-based task planner. The Professional edition supports drawing connections between tools (e.g. dependencies). It will auto-layout a graph based on the connections (which was a challenging bit of programming).
Shameless plug time! I've been working on something like this as a custom web component with no dependencies: <a href="https://github.com/catapart/Magnit.NodeGraph" rel="nofollow">https://github.com/catapart/Magnit.NodeGraph</a><p>Not the most feature rich - I'm developing it for a single project, so that's project's needs come first. But it's rudimentary enough to start from if you're looking to build your own, and it's simple enough to customize if it already does what you need.
Maybe add GitHub stars to this list? React Flow stands far above most (all?) of these in terms of use, maturity, and community, but it doesn’t stand out in the list.
I'm looking for a library that draws lines and arrows between boxes, but the boxes can generally be plain old div's or iframe's. HTML can do the box content, it's just the lines & arrows that are the hard part. The box connection can be the 8 compass references: N,E,S,W,NE,SE,SW,NW
FME deserves a mention, an ETL aimed at GIS data. It is the only automation tool I have ever used that doesn't make me want to switch to code. Everything can output to a node which makes it easier to understand errors. And every stage of processing can be inspected.
My previous employer also had a (proprietary) data transformation system like that, with a column-oriented table data structure and lazy evaluation. It was also part of a larger hierarchical system of (table) data sources and sinks. Powerful stuff.
Would you consider Labview [1] node based ui?<p>[1]<a href="https://www.ni.com/en-ca/shop/labview.html" rel="nofollow">https://www.ni.com/en-ca/shop/labview.html</a>