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 WebGL using a GraphOverviewWebGLVisualCreator This options is disabled because your browser does not support WebGL
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.

Legal Disclosure | Privacy Policy | View on GitHub

Overview