Overview Styling Demo [yFiles for HTML]

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

With HTML Canvas using a GraphOverviewCanvasVisualCreator
With SVG using a GraphOverviewSvgVisualCreator
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.

Imprint | Privacy Policy | View on GitHub

Overview