svg-node-editor v0.0.6

SVG Node Editor

overview

svg-node-editor is an angular package. By using this package we can connect infinite number of svg-nodes. So we can have visual representation of connected nodes.

installation

npm install svg-node-editor

import

import { NodeEditorModule } from 'svg-node-editor';

Add above import statement in app.module.ts.

parameters

How to use

After importing to app.module.ts;

we can call this component like below.

<angular-node-editor collections="collections" (getConnections)="getConnections($event)">

Example of collections parameter:-

[
{
    "name": "customer",
    "attributes": [
        "id",
        "first_name",
        "last_name",
        "age",
        "gender"
    ]
},
{
    "name": "contact",
    "attributes": [
        "id",
        "customer_id",
        "phone",
        "email"
    ]
}
]

Thank you !!!