Smart Click Navigation

This demos shows how to navigate in a large graph, especially when only a part of the graph is visible in the viewport.

Click on an edge whose target node or source node is not visible. Then you will notice that the focus will be moved to this source or target node.
Click on an edge where both target and source node are visible. Then you will notice that the focus will be moved to the middle point of the edge.
Click on a node and you will notice that the focus will be moved to the center of the clicked node.
Choose between two modes in the combo box:
- Zoom to Viewport Center. The focused item is in the center of the viewport.
- Zoom to Mouse Location. The focused item is centered at the mouse location.