Powerful time-based graph visualization

Time is a crucial dimension in graph data. As time passes, entities change, events happen and connections get made and broken. You need to be able to visualize all of that.

That’s why we built the time bar – available in our KeyLines and ReGraph graph visualization toolkits.

In this blog post, we’ll take a closer look at the time bar and how it makes visualizing time-based graph data a breeze. We’ll also introduce KronoGraph, our toolkit for building interactive timeline visualization applications.

What is the time bar?

Our time bar is a powerful tool that lets you see, filter and interact with your time-based graph data.

It combines a histogram, showing overall graph activity, with trendlines, which show specific node or sub-network activity. Users can navigate, filter and playback their time-based graphs using scale and navigation controls.

Why should I use the time bar in my graph visualization application?

Most graph data has a time dimension, which your analysts need to understand. The time bar makes that fast and intuitive, so your users can easily filter and explore time-based graphs, isolate specific periods of time, or watch connections form, evolve and break.

How does the time bar interact with KeyLines and ReGraph?

We’ve designed the time bar to work seamlessly with our graph visualization toolkits.

You simply load your data and, as long as you’ve included a timestamp or array of timestamps, it’ll show up in your time bar.

You can also tell the time bar to show the value of your data. For example, if you’re visualizing financial transactions and want to see their total value rather than a count of the transactions that took place, you just define this in your data object.

Interactions in one component will also happen in the other. Simply select a node in your graph visualization to show that selection in the time bar. Or if you filter to a specific time period in the time bar, the graph visualization chart updates to show only the nodes and links within that period.

Can the time bar handle events with durations?

Yes. The time bar can represent instantaneous events, like text messages or transactions, or events with a duration, like a phone call.

Again, both the time bar and graph visualization chart use the same data format. So you just need to define your data once. The time bar ignores any chart-only properties and vice versa.

Can I customize the time bar’s appearance?

The time bar comes with a number of customization options, to help it fit your application’s look and feel.

Any combination of the scales can be shown or hidden, and localizing them is easy:

You can also change the fonts, bar colors, highlight colors, remove the controls or hide the sliders:

The stacked histogram option is handy if your data contains different groups of nodes and links:

Or you can switch the histogram look for a smooth area plot:

Combining these options, it’s easy to build a very stylish time bar:

What if I need to see individual events?

The time bar is great for looking at overall graph activity, or summaries of specific node activity. But analysts and investigators often need a more detailed view of their data.

If you want to see when specific events unfolded, and how they connect to one another, timeline visualization is a great option for you.

Our KronoGraph toolkit makes it quick and easy to build timeline visualizations that drive investigations.

Time flows from left to right, with entities listed on the left-hand side and the events connecting them taking place along the scale. You can include markers to provide additional context or useful background information:

And smart aggregation techniques summarize the data, in groups (for entities) or a heatmap view (for events) so your timelines look great at any scale.

Unleash the power of time-based visualization

The time bar and KronoGraph are powerful ways to uncover insight in your time-based data. If you want to explore them for yourself, request a free trial.