The Graph Editor ![MIT license](https://camo.githubusercontent.com/8acb81b61999657fcac0407f5d8da6930675fd0454cca41126b8e3ea8ed5c051/687474703a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d627269676874677265656e2e737667)
This project provides a set React components for viewing and editing node-based graphs. The focus is on graphs used for dataflow and Flow-based programming.
The graph structure is stored by fbp-graph, which supports extendable metadata and undo/redo.
You can optionally use klayjs-noflo for automatic layout of graphs.
the-graph
is used as the editor in the Flowhub IDE.
Examples
Using
Install via NPM
npm install the-graph
See the examples for how to include the .js
and .css
files, and API usage.
License
Support
Please refer to https://noflojs.org/support/.
Developing
Clone the repo
git clone https://github.com/flowhub/the-graph.git # or your own fork on Github
cd the-graph
Install dependencies and build
npm install
npm run build
Run the demo server
npm start
or http://localhost:3000/examples/demo-full.html for interactive demo.
Send pull requests on Github!