Start here

# 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.