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.