The time bar can show events that occur at a particular instant in time, as well as events that represent a period of time. To show how time periods work, this demo explores the changing relationships between nodes.

The example data contains links between entrepreneurs and the companies they're directors of. Switch between chart and time bar interactions to help you understand the data.

Once you’ve explored patterns of behaviour over time, it’s easy to spot trends. Notice how one serial entrepreneur, Gina Carlson, is frequently moving from one company to another. In contrast, Brooke Fields appears to be listed as a director of multiple companies simultaneously. By filtering with the time bar, we can distinguish between these two kinds of entrepreneur, who at first glance might seem to have similar characteristics within the network.

A time period doesn't need to have a start and end date - it can have one or the other.Notice that there is no resignation date for an entrepreneur who is currently still director of a company.

For more information, see the Time Period object type in the API Reference.

Key functions used:

• chart.layout
• chart.graph().neighbours
• chart.graph().degrees
• timebar.inRange
• timebar.selection
• Chart Events
  • 'selection-change'
• Time bar Events
  • 'change'