Timeline View
Get a familiar and unique perspective on your time-based data by plotting component date range and milestone dates.
Kristine Marhilevica avatar
Written by Kristine Marhilevica
Updated over a week ago

Ardoq's Timeline View offers a perspective on your time-based data which is both familiar and unique. Viewers of this visualization will appreciate the familiar presentation of horizontal bars representing periods of time. The Timeline View also enables users to examine time-based data using Ardoq's grouping rules, and to scale row height by a numeric field.

Components are arranged vertically in a list, tree, or hierarchy, depending on the workspace and the perspective applied. For each component, bars are displayed representing a range of time, and diamonds are displayed representing milestones.

Adding Date Range Fields

To get started using the Timeline View, you must add a Date range field to your workspace. In the workspace properties under 'Edit Model', open 'Manage Field Types' and create a date range Field.

Ardoq manage field types
Ardoq add field to workspace
Ardoq create field

Use the Grid Editor to set some Start and End Dates. Once the Date range has a valid Start and End Date, it will be represented in the view as a bar.

Ardoq grid editor start and end dates

Mouse Interaction

Moving the mouse over a component row will highlight that component. Moving the mouse over a date range bar will display a tooltip with the exact start and end dates of that date range. Moving the mouse anywhere over the timeline view will show a vertical crosshair with a date corresponding to the mouse location.

Ardoq component mouse interaction

The Timeline

Each component is represented as a row. All date range fields with Start and End values are represented as bars in the component row. Child components will be displayed under their parents. Parent components will have an expand/collapse indicator which can be used to hide their children.

Clicking a row, or clicking a component in the navigation tree, will set that component as the current context, and limit the view to display only that component and its children or siblings.

Ardoq component timeline


When a grouping perspective is applied, the items are grouped according to the grouping rules. Additionally, a vertical label will be displayed to the left of each group, indicating the grouping rule that was applied.

Ardoq timeline grouping


DateTime fields can be displayed as milestone markers on the timeline. To show a DateTime field, select it using the milestone picker in the view settings toolbar.

Ardoq timeline milestones

Date range Coloring

Date range bars can be colored using one of Ardoq's preset palettes, or a custom palette. To apply a palette, use the palette picker in the view settings toolbar. The bottom row of the dropdown is the custom palette, where you can add and remove colors using the plus and minus buttons. Colors are applied in sequence, matching the order of the Date range fields in the sortable list in 'Manage Field Types'.

Ardoq date range coloring

Height Scaling

The heights of component rows can be scaled according to a numeric field. Use the view settings toolbar to select a numeric field to scale by. If your numeric values differ by orders of magnitude, try toggling logarithmic scaling.

Ardoq timeline height scaling


It is possible to zoom in horizontally on the timeline by rolling the mouse wheel over the axis labels at the top of the view. Try it out!

Did this answer your question?