Overview Styling Demo

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

With HTML Canvas by extending GraphOverviewRenderer.
With SVG using a custom IObjectRenderer.
With a GraphComponent that uses the OverviewInputMode.

Things to Try

Select the rendering technique in the combobox in the toolbar.

Details

Of the supported rendering modes, Canvas offers 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.