This demo illustrates KeyLines' ability to 'highlight' selected chart elements to provide visual separation between them and other items of interest.

The selected node and any neighbours it points to are foregrounded, while all others are put in the background. You can fully customise the appearance of selected items to a style that suits your needs.

In congested charts, foregrounding items with chart.foreground can be an effective way to improve the intelligibility and usability of a chart.

Key functions used:

• chart.foreground
• chart.selection
• chart.neighbours
• chart.options
• selectionColour
• selectedNode
• selectedLink