Overview Styling Demo

This demo shows different ways to render and style the overview:

With HTML Canvas using a GraphOverviewCanvasVisualCreator.
With SVG using a GraphOverviewSvgVisualCreator.
With WebGL using a GraphOverviewWebGLVisualCreator. This options is disabled because your browser does not support WebGL.
With WebGL2 using a WebGL2GraphOverviewVisualCreator. This options is disabled because your browser does not support WebGL2.
With a GraphComponent that uses OverviewInputMode.

Things to Try

Select the rendering technique in the combobox in the toolbar.

Details

Of the supported rendering modes, Canvas and WebGL offer the best performance. Using SVG can make sense if you need high fidelity or high detail rendering, especially for smaller graphs. For such use cases, using a GraphComponent with OverviewInputMode is an option, too.

Keep in mind that the overview usually displays the whole graph at once, and thus complex SVG visualizations can lead to performance issues.