---
title: whiteboard for graph
author: 
status: Spike
priority: Low
created_date: 2021-12-27 08:10:05
updated_date: 2021-12-27 08:10:05
---

## Conclusion

Transflow with: [https://jerosoler.github.io/Drawflow/](https://jerosoler.github.io/Drawflow/)

GoJS: [https://gojs.net/latest/index.html](https://gojs.net/latest/index.html)

## flowchart.js

https://github.com/adrai/flowchart.js/

## Diagram.js

https://github.com/bpmn-io/diagram-js

https://www.libtrends.info/npm-compare/diagram-js-vs-flowchart.js-vs-gojs-vs-jointjs-vs-jsplumb-vs-mxgraph-vs-react-diagrams

### mxGraph

mxGraph: [https://github.com/maxGraph/maxGraph](https://github.com/maxGraph/maxGraph)

from draw.io: [https://stackoverflow.com/questions/49376973/open-drawio-file-in-mxgraph-editor](https://stackoverflow.com/questions/49376973/open-drawio-file-in-mxgraph-editor)


## MxGraph

Comments: Greate! but stopped!

other Forks: https://github.com/maxGraph/maxGraph

Samples: [https://codesandbox.io/s/r154655m4n](https://codesandbox.io/s/r154655m4n)

## GoJS

Samples: [https://github.com/NorthwoodsSoftware/GoJS](https://github.com/NorthwoodsSoftware/GoJS)

React Wrapper: [https://github.com/NorthwoodsSoftware/gojs-react](https://github.com/NorthwoodsSoftware/gojs-react)

## React Diagram

Samples: [https://github.com/projectstorm/react-diagrams](https://github.com/projectstorm/react-diagrams)

- flow editor

## React Flow:

Samples: [https://reactflow.dev/examples/](https://reactflow.dev/examples/)

GitHub: [https://github.com/wbkd/react-flow](https://github.com/wbkd/react-flow)

## React Beautiful Diagrams

Comments: Graphviz like framework

GitHub: [https://github.com/antonioru/beautiful-react-diagrams](https://github.com/antonioru/beautiful-react-diagrams)

## Flow editor

GitHub: [https://github.com/retejs/rete](https://github.com/retejs/rete)

> Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.

## NoFlo

GitHub: [https://github.com/noflo/noflo](https://github.com/noflo/noflo)

>  Flow-based programming for JavaScript


## DrawFlow

GitHub: [https://github.com/jerosoler/Drawflow](https://github.com/jerosoler/Drawflow)

> Drawflow allows you to create data flows easily and quickly.