alexandrebonaventure / vue-flowchart

Port of React Diagrams (https://github.com/projectstorm/react-diagrams)

vue-flowchart

This lib is under heavy development. It is not production-ready and API could change dramatically. Feel free to use it anyway.

Usage

Soon

Graph Data

{
  links:[
    {
      id :String,
      source :String, // a node ID
      sourcePort :String,
      target: node3,
      targetPort: 'in'
    },
    ...
  ],
  nodes: [
    {
      id :String,
      type: :String, // default: 'default'
      data: {
        name: "Caption",
        outVariables: ['out']
      },
      x :Number, // in px
      y :Number, // in px
    },
  ],
}

Example

TO-DO

Contributions

are welcome :)

vue-flowchart's Issues

How to run the demo?

I use

    yarn install
    yarn run serve

but in opened browser, it's empty and in console a log says
vue.runtime.common.js:556 [Vue warn]: Cannot find element: #app

[Serialization and deserialization] How to save a flowchart ?

I have tried this flowchart and attracted by it, it's architecture is natural and lucid, now i want to ask a question further, that is how to serialize a flowchart object to save it and then deserialize it for next modification?
In flowchart libs like JointJS there are functions of graph/canvas called "toJSON" and "fromJSON" to implement serialization and deserialization(serialize all elements, include canvas, all links, all boxes, and so on), which are easy to use. I think we should also take this into account.

Thanking you and awaiting!

Thanking you and awaiting!

'NODE_PATH'is not recognized as an internal or external command

After installed all the packages and run “npm run serve”, i got this error "'NODE_PATH' is not recognized as an internal or external command...".
Then I set env_variable 'NODE_PATH' to 'D:\Program Files\nodejs\node_global\node_modules' ( with nodejs
installed in 'D:\Program Files\nodejs'), but still failed to start server.
I think there is a mistake of NODE_PATH but i don't know how to fix it, thanks for help.