WebGL Styles Demo
This demo shows the available styles for nodes, edges and labels in WebGL rendering.
The initial graph displays the various node shapes in the columns and the node effects,
edge and arrow types in the rows.
The side panel shows the various configuration options for the graph items.
Things to Try
-
Click on a node, edge, or label to open the corresponding configuration options in the
sidebar. Change the settings and observe how the selected graph items change.
-
Create new nodes, edges, or labels. New items will use the current values from the
corresponding configuration options in the sidebar.
Note on Firefox
Firefox currently has a problem generating images from the Font Awesome glyphs used as
image labels for the nodes. Please reload the demo to properly show the image labels.