Version 6 is now in Beta, please let us know if you find anything inconsistent so we can try and get ready for a final release. Everything in master here represents 6.0, if you are looking for the stable and old version 5, please go here :)
Docs are currently being worked on, along with a migration path.
A flow & process orientated diagramming library inspired by Blender, Labview and Unreal engine.
Example implementation using custom models: (Dylan's personal code)
Get started with the default models right out of the box:
For all the bells and whistles:
textyarn add @projectstorm/react-diagrams@next
This includes all the packages listed below (and works (mostly and conceptually) like it used to in version 5.0)
This library now has a more modular design and you can import just the core (contains no default factories or routing)
textyarn add @projectstorm/react-diagrams-core@next
this is built ontop of the evolving react-canvas-core library
textyarn add @projectstorm/react-canvas-core@next
which makes use of
textyarn add @projectstorm/react-geometry@next
and of course, you can add some extras:
textyarn add @projectstorm/react-diagrams-defaults@nextyarn add @projectstorm/react-diagrams-routing@next
Take a look at the diagram demos
Take a look at the demo project which contains an example for ES6 as well as Typescript
yarn install you must then run:
cd packages/diagrams-demo-gallery && yarn run start
yarn build or
yarn build:prod in the root directory and it will spit out the transpiled code and typescript definitions into the dist directory as a single file.
git clone projectstorm-react-diagrams_-_2019-08-19_05-26-36.bundle