Style Animations

This Advanced Example shows how Node, Edge, Label and Canvas specific style animations can be triggered for this visualization.

Select the styles to be animated in the right column and hit the Morph Styles button. This will set random values for these properties and animate them.

Click on Restore Styles to set the default styles.

Other styles like alpha and shadows can also be triggered.

This example also implements a custom node rendering function for Stroke + Fill rectangles.
See the Example Code

Actions

Morph Styles Restore Styles

Node Styles

Edge Styles

Label Styles