30 min • Online • No install required
For developers, PMs & tech leads
Prefer another tool over Zoom? Just say so when you book.
Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.
The style pattern defines the basic rendering of the selection visualization.
There are two configurable colors for a WebGL selection: primary and
secondary.
The primary color is used for solid strokes, dash patterns, and as the inner stroke for
border patterns.
The secondary stroke is used as the background for dashed patterns and as the outer stroke
for border patterns.
If transition is activated, the selection is activated and deactivated in a
smooth manner.
Dash animation activates a "marching ants" animation for dashed or striped
styles.
Easing configures the course of an animation.
The zoom policy determines in which coordinate system the selection visualizations are
rendered.
Mixed applies a heuristic in which world coordinates are used at large zoom
levels and view coordinates are used at small zoom levels.
This demo shows the available selection styles for nodes, edges, and labels in WebGL rendering.
In WebGL, selections can be configured in various ways: There are multiple patterns to choose from, and colors, thickness, and margins are configurable. Additionally, selections can be activated and deactivated using animated transitions, and for the appropriate selection styles, a "marching ants" animation is available, too.
In this demo, the same selection style is used for all graph elements. This is only a configuration in the demo, since with the API the styles for the different element types can be configured individually. See the updateSelectionStyles function in the demo source code.