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. To correctly display the navigation icons, vis.css or vis-network.min.css must be included. The user is free to alter or overload the CSS classes but without them the navigation icons are not visible.