WebGL2 Styles Demo
This demo shows the available styles for nodes, edges and labels in WebGL2 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.