Time-based data visualization

Time-based data visualization is a vital part of visual data analysis. In this blog post, we’ll take a closer look at visualizing complex connected data – often called ‘graph data’, and its evolution over time.

Graph data is rarely static. As time passes, entities change, events happen and connections get made and broken. To truly understand your graphs, 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, and KronoGraph, our toolkit for building interactive timeline visualization applications.

What is the time bar?

Our time bar is a powerful time-based data visualization tool. It lets you filter and interact with your time-based graph data.

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

time-based data visualization: the time bar
The time bar, shown below the graph visualization chart, provides a summary of your graph data over time, as well as trendlines representing individual node and sub-network activity.

Want to know more?

Download our white paper on visualizing time-based data.

Download the white paper

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.

Playing back graph data in the time bar. New nodes and links join the chart as the time period changes.

How does the time bar interact with KeyLines and ReGraph?

We’ve designed the time bar to work seamlessly with our graph visualization toolkits, resulting in seamless time-based data visualization tools.

You simply load your graph data into your KeyLines or ReGraph application and, as long as you’ve included a timestamp or array of timestamps in your data, 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.

Reflecting time bar events in the chart, and vice versa.

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 component use the same data format. So you just need to define your data once in your time-based data visualization. The time bar ignores any chart-only properties and vice versa.

Can I customize my time-based data visualization?

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:

Time-based data visualization: removing time bar controls
localizing the time bar

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

time bar colors

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

Time-based data visualization: stacked time bar

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

smooth area plot

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

Time-based data visualization: smooth area plot

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 their time-based data visualization to give a more granular view.

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:

A timeline visualization built with the KronoGraph toolkit
A timeline visualization built with the KronoGraph toolkit

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.

Time-based data visualization: Entity grouping and event heatmaps in a KronoGraph timeline visualization
Entity grouping and event heatmaps in a KronoGraph timeline visualization

Get an objective expert’s view of the KronoGraph toolkit

Download a free analyst report from Bloor Research to see how KronoGraph, our timeline visualization SDK, stacks up.

Download the report

Unleash the power of time-based data 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.

This post was originally published some time ago. It’s still popular, so we’ve updated it with new example visualizations to keep it useful and relevant.

More from our blog

Visit our blog

Registered in England and Wales with Company Number 07625370 | VAT Number 113 1740 61 | 6-8 Hills Road, Cambridge, CB2 1JP. All material © Cambridge Intelligence 2021.