Basic Usage

We've provided a simple example of how to render a Svelvet graph with multiple nodes and edges. Notice the different node types (input, default, output), the default edge type (bezier) and edge labels.

The dimensions of the rendered component itself is set to 600 x 600 by default, but can be altered by providing width and height attributes to Svelvet.

A nodes array, an edges array and the Svelvet component are all you need! Simply alter the node and edge properties to your liking.

Click here for a sandbox!