When you create a link you can choose the source and target in the nodes you have previously created, then determine the value of the flow between the two nodes.

Node size

You can then vary the size of the nodes.

Labels

Enabled

You can choose to enable the visibility of the node names or not.

Font

You can choose a font theme that will be applied to the labels.

Size

You can choose the font size

Custom color

You can choose to activate a color on the labels, otherwise they will default to the color assigned to the nodes.

Color

You can choose the color to activate on the labels.

Style

The style manages the general visual properties applied to this node.

Background

Control the background (image, color, or gradient) of the node.

Opacity

Control the opacity of the node.

Rounding

Controls the radius of the rounded outer corners of the node. You can set the radius for all corners (top left, top right, bottom left, bottom right) or for each corner individually.

Border

Controls the shape, color and thickness of the node's border.

Thickness**: The thickness of the border. You can set the thickness for all borders (top, left, right, bottom) or for each one individually.
Shape** : the style of the border.
Color** : the color of the border.

Shadows

Allows you to add one or more shadows to a node. Each shadow is defined by :

type** : whether the shadow is inside or outside the node box.
x:** specifies the horizontal distance. Negative values place the shadow to the left of the element.
y** : specifies the vertical distance. Negative values place the shadow above the element.
blur** : the larger this value, the more blurred the shadow becomes, so it is larger and lighter.
Dispersion**: positive values make the shadow expand and grow, negative values make the shadow shrink.

Blur

Applies blur to the background of the node only, to create an iOS-style glass effect. The larger the value, the greater the blur.

Layout

The layout allows you to place and position your node in relation to its siblings (those of the same parent node).

Width

Controls the width of the node.

px** : defines the width of the node in pixels.
%** : sets the width of the node as a percentage of the width of its parent.
fit**: automatically adjusts the width of the node according to the width of its content.