Navigation controls and keyboard navigation

This example is the same as example 2, except for the navigation controls that have been activated. The navigation controls are described below.

Icons:
Keyboard shortcuts:
Up arrow
Down arrow
Left arrow
Right arrow
=
[
Page up
-
]
Page down
None
Description: Move up Move down Move left Move right Zoom in Zoom out Zoom extent

Apart from clicking the icons, you can also navigate using the keyboard. The buttons are in table above. Zoom Extends changes the zoom and position of the camera to encompass all visible nodes. Styles have to be loaded to correctly display the icons. Standalone build includes necessary styles and automatically injects them into the page but for peer and legacy builds it's necessry to manually load vis-network.css. The user is free to alter or overload the CSS classes but without them the navigation icons are not visible.