chevron_right Demos chevron_right Simple Highlight Decorator
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Simple Highlight Decorator
Discover More
Book a live Demo

See yFiles in action

30 min • Online • No install required

For developers, PMs & tech leads

  • Quick-start walkthrough + a real integration example
  • Live Q&A with next-step recommendations

Prefer another tool over Zoom? Just say so when you book.

Pick a time

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

See yFiles in action

30 min • Online • No install required

For developers, PMs & tech leads

Prefer another tool over Zoom? Just say so when you book.

Pick a time

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Simple Highlight Decorator

This demo shows how to highlight a node or an edge when the mouse hovers over the said node or edge.

Highlight Decoration

The demo uses the NodeStyleIndicatorRenderer and EdgeStyleIndicatorRenderer classes to define custom highlight visualizations for nodes and edges.

These renderers are registered with the graph's decorator to customize the appearance of highlighted graph elements.

Things to Try

Hover over any node or edge to observe the custom highlight effect.

Demos

Documentation