The Graph Editor

This project provides a set of Web Components for viewing and editing flow-based programming graphs. The focus is on performance, usage of modern web technologies, and touchscreen friendliness.

The graph widgets have the following dependencies:

• Polymer for providing various polyfills for emerging web technologies like custom elements and pointer events
• React for the "virtual DOM" to make SVG fast
• KLay Layered graph autolayout via klayjs-noflo

The project is the graph editing tool in NoFlo UI, replacing the older dataflow graph editor.

Examples

• Simple demo. code | Run
• Stresstest. code | Run
• Thumbnail. code | Run

Building

Get dependencies and build:

npm install
npm run build

Running

npm start

And open http://localhost:3000/examples/demo-full.html

License

The MIT License