flowhub / The Graph
Licence: mit
SVG custom elements for FBP graph editing and visualization. Used in noflo/noflo-ui
Stars: ✭ 896
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to The Graph
Xnode
Unity Node Editor: Lets you view and edit node graphs inside Unity
Stars: ✭ 2,077 (+131.81%)
Mutual labels: graph, editor
Baklavajs
Graph / node editor in the browser using VueJS
Stars: ✭ 157 (-82.48%)
Mutual labels: graph, editor
Macsvg
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
Stars: ✭ 789 (-11.94%)
Mutual labels: svg, editor
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Stars: ✭ 6,506 (+626.12%)
Mutual labels: graph, svg
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (+199.78%)
Mutual labels: graph, svg
Billboard.js
📊 Re-usable, easy interface JavaScript chart library based on D3.js
Stars: ✭ 5,032 (+461.61%)
Mutual labels: graph, svg
Charts
Simple, responsive, modern SVG Charts with zero dependencies
Stars: ✭ 14,112 (+1475%)
Mutual labels: graph, svg
Protodot
transforming your .proto files into .dot files (and .svg, .png if you happen to have graphviz installed)
Stars: ✭ 107 (-88.06%)
Mutual labels: graph, svg
React D3 Tree
🌳 React component to create interactive D3 tree graphs
Stars: ✭ 543 (-39.4%)
Mutual labels: graph, svg
G2
📊 A highly interactive data-driven visualization grammar for statistical charts.
Stars: ✭ 11,020 (+1129.91%)
Mutual labels: graph, svg
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+132.81%)
Mutual labels: graph, editor
Pure Vue Chart
Simple and lightweight vue chart component without using chart library dependencies
Stars: ✭ 50 (-94.42%)
Mutual labels: graph, svg
Calendar Graph
Calendar graph like github using jsx support SVG, Canvas and SSR
Stars: ✭ 58 (-93.53%)
Mutual labels: graph, svg
Litegraph.js
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.
Stars: ✭ 2,735 (+205.25%)
Mutual labels: graph, editor
Diagram
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈
Stars: ✭ 510 (-43.08%)
Mutual labels: graph, editor
The Graph Editor 
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!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].