Hover - softvis-research/VISAP GitHub Wiki

Showcase

Functional Description

The Hover feature is a core feature of VISAP. It provides highlighting as well as a tooltip for the element the cursor is positioned on.

Technical Description

The hover controller is in the file ui/scripts/CanvasHover/CanvasHoverController.js. It reacts to the actions mouse.hover and mouse.unhover by publishing the corresponding hover applicationEvents. The events hovered.on and hovered.off are then handled in the functions onEntityHover and onEntityUnhover. onEntityHover colors the hovered element and provides a tooltip while onEntityUnhover resets those additions.

The styling of the tooltip is specified in the file ui/scripts/CanvasHover/ho.css.

Configuration

The tooltip color can be specified using the hoverColor config parameter. In addition, you can show the qualified name of the hovered elements by setting the showQualifiedName config parameter to true.

Test Case

The hover controller is enabled in the minimal setup under ui/setups/minimal.js and works with the example model under ui/model/example. Hence, the current default visualization suffices as a test case.