/the-graph

SVG custom elements for FBP graph editing and visualization. Used in https://github.com/noflo/noflo-ui

Primary LanguageJavaScript

The Graph Editor Build Status

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

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

Installation

Get these dependencies using Bower:

$ bower install

Running

You need a local web server. Place these files into somewhere where they can be served, and access the the-graph-editor/index.html file with your browser.