Styled nodes make data visualisations clearer and more meaningful. This demo shows some of the most popular options.

For even more examples of advanced node styling, see also our Advanced Node Styles demo.

Style guidelines

Below are some general styling tips to help users understand the data quickly and effectively:

• Use intuitive styles that are instantly recognisable.
• Avoid cluttering charts with too much styling.
• Don’t overload labels with too much information.
• Use colours in moderation.
• Use emphasis and animation in moderation.

When creating your data model, consider the best ways to represent different values. For example, you could use glyphs for properties, halos for events, and donuts for relative data.

Object types used:

• Donuts
• Font Icons
• Glyphs
• Halos
• Nodes

Key functions used:

• chart.setProperties
• chart.foreground