chevron_right Demos chevron_right Tooltips & Popovers
Discover More
Book a live Demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

  • Interactive graph visualization in real time
  • Integration example
  • Live Q&A and next step recommendations

30–45 minutes | 1:1 or team session

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

30–45 minutes | 1:1 or team session

Tooltips & Popovers

This demo shows how to enable tooltips and popovers for graph items, how to customize them using CSS styling, and how to configure different tooltip and popover behaviors.

Behaviors

Try different tooltip behaviors by hovering or clicking the nodes. There are many configurations possible, this demo shows the following behaviors:

Default

Tooltips with the default behavior for nodes and edges.

Above Nodes

Tooltips always appear centered above the node.

Mouse Attached

Tooltips follow the pointer when moving on the same item.

Viewport Bottom Center

Tooltips appear centered at the bottom of the viewport.

Light-dismissable Popover

Clicking a node opens an exclusive, light-dismissable popover while still showing tooltips for other items.

Manual Popovers

Clicking a node opens a static popover while still showing tooltips for other items. Multiple popovers may be opened at the same time.