The basics of timeline visualization

In this post, we’ll cover the basics of timeline visualization: what it is, why it’s useful, and when you need it. We’ll also demonstrate how KronoGraph, our timeline visual analytics toolkit, is a powerful way to visualize how events unfold over time.

What is a timeline?

If you didn’t draw a timeline during history class at school, you’ll have seen them in news articles or presentations since. They’re graphical representations of a time period, with key events marked along in chronological order. They can be relatively simple linear representations or more complex visualizations.

Timeline visualization of bicycle evolution
Timeline visualization of web browsers
Timelines show the chronology of events over time and can be simple or complex representations. Sources: Bicycle evolution and Timeline of web browsers

Timelines are just one of the ways to represent time.

A stock ticker, using a histogram and line chart to show share prices over time.
A stock ticker, using a histogram and line chart to show share prices over time.

Histograms and line charts are familiar alternatives. They’re a quick way to get an aggregated summary of activity or value over time. Stacked bars, trend lines, or an adjustable scale can give a more granular view. But, unlike timelines, they’re not designed to show specific events or entities in your data.

A heatmap view of contributions to GitHub projects, and Kayak’s calendar representation of flight prices over time.
A heatmap view of contributions to GitHub projects, and Kayak’s calendar representation of flight prices over time.

Calendars and heatmaps offer great summary views of time-based data. They’re a helpful starting point – showing periods of time that might be of interest. But they’re less helpful to an analyst trying to understand sequences of events or the relationships between them.

Gantt charts and Sankey diagrams give aggregated, and often static, views of events and connections over time.
Gantt charts and Sankey diagrams give aggregated, and often static, views of events and connections over time.

Specialist visualizations, like Sankey diagrams and Gantt charts, are more successful at conveying relationships, sequences and dependencies over time in data. But, like the examples above, they’re aggregated views. More often than not, they’re also static snapshots – handy for presentations, less so for active investigations.

All of these examples lack three essential things an investigator needs:

  • a view of specific events over time, and the connections between them
  • interactivity that allows users to interrogate their data, digging into detail or taking a higher-level view
  • a dynamic visualization approach that automatically adapts as data is added or removed
The product manager's guide to visual timeline analysis
FREE: The product manager's guide to visual timeline analysis

Find out why successful organizations have timeline visualization on their roadmaps

GET YOUR FREE GUIDE


KronoGraph’s timeline visualizations deliver all of these and more. It means the user can look beyond aggregated views of their data to see specific events, how they unfolded, and how they were connected. The visualizations also transition smoothly from high-level summaries to individual events, giving a clear and adaptable view at any scale:

KronoGraph’s lens view lets users explore thousands of timelines in a single visualization

The result is a much richer, interactive view of events, ideal for data analysts and investigators who need to understand what happened and when.

Why timeline visualization?

Time is a critical dimension to any investigation. Without a clear timeline of events, it’s difficult to ask the right questions or draw accurate conclusions. It’s often impossible to answer the ‘who’, ‘what’, ‘why’, ‘how’ and ‘where’ questions, without first understanding the ‘when’.

KronoGraph timelines pull together disparate and related events into a single view, revealing the complete picture an investigator needs to understand.

Let’s look at an example. Both of these time visualizations show the same fictional dataset of credit card activity.

Imagine you’re a fraud investigator looking at Marc’s disputed transactions (shown in red in both charts). Which visualization makes it easier to identify Marc’s first disputed transaction and the merchants he visited before that transaction?

A graph and timeline visualization view of the same data
A graph and timeline visualization view of the same data

The graph view, on the left, gives a really clear view of Marc’s transaction history, with different link colors for disputed and undisputed transactions. But with this view alone, we cannot infer the timing of each payment.

The timeline view gives a much clearer answer to time-based questions. We can quickly see the first disputed transaction was in late March at Walgreens. This insight becomes a jumping-off point for deeper investigation.

Explore some of the real-world use cases for timeline visualization

KronoGraph white paper
FREE: KronoGraph white paper

Our essential guide to building powerful timeline visualization applications

GET YOUR FREE GUIDE


How do KronoGraph timelines work?

KronoGraph visualizations feature carefully-designed, intuitive visual elements. There’s a scale above and below the timelines, with time running from left to right. We list entities down the left-hand side of the timeline, with events connecting them shown taking place at a point or duration in time. For added context, we can create markers, which add information that’s relevant to the investigation.

An example of a KronoGraph timeline visualization, showing the scale, entities, events, and markers
An example of a KronoGraph timeline visualization, showing the scale, entities, events, and markers

You can also use font icons, for added real-world context and faster node recognition.

Font icons add real-world context to your timeline visualizations
Font icons add real-world context to your timeline visualizations

With this flexible model, you can visualize pretty much any time-based data. As long as it contains timestamps, KronoGraph will visualize every entity, event, and connection.

Fully interactive and scalable

As the scale of the data increases, KronoGraph uses smart aggregation techniques to remove clutter and help uncover patterns. A handy heatmap view summarizes events over time.

KronoGraph's heatmap view
KronoGraph’s heatmap view

KronoGraph’s lens view allows you to scroll through unlimited timelines, showing a complete overview of all events and entities:

KronoGraph’s lens view

You can also customize the timelines to match your wider application’s look and feel.

An example of a KronoGraph timeline visualization, integrated with a ReGraph graph visualization component
An example of a KronoGraph timeline visualization, integrated with a ReGraph graph visualization component

Combined, these techniques mean you just load your data and KronoGraph will make sure it looks great. Your users will love them.

Timeline visualization reveals insight

Hundreds of organizations, and thousands of analysts, already rely on our technologies to drive their investigations. KronoGraph gives them a powerful new way to see their data, and uncover the insight they need to understand.

If you’d like to learn more, simply request a free trial to get started.

A screen showing a graph visualization created using KronoGraph
FREE: Start your KronoGraph trial today

Visualize your data! Request full access to our KronoGraph SDK, demos and live-coding playground.

TRY KRONOGRAPH

How can we help you?

Request trial

Ready to start?

Request a free trial

Learn more

Want to learn more?

Read our white papers

“case

Looking for success stories?

Browse our case studies

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 2024.
Read our Privacy Policy.