Supplemental Material:

A Gallery of Timeline Transitions

Jump to a particular transition type:

Representation (x13)

Scale (x13)

Layout (x8)

Arbitrary curve drawing

Hover over any of the images below to view a looped animated transition between the pair of visualizations. Each animation is roughly 20s in length.

Note that this page will preload the animations in the background. Depending on the speed of your connection, it may take a moment for all of the animations to load.

Click on the images to view the animated transition in a new tab.

Each animated transition shown below is described by a pair of tuples from our timeline visualization design space, described using the following format:

[Representation] | [Scale] | [Layout] and [Representation] | [Scale] | [Layout]

REPRESENTATION TRANSITIONS

Transition between: Linear Chronological Unified and Radial Chronological Unified

Transition type: Representation transition between Linear and Radial.

Data: Author's biographical data, coloured by activity type.

Transition between: Linear Chronological Faceted and Radial Chronological Faceted

Transition type: Representation transition between Linear and Radial.

Data: Visualising painters' lives (by Accurat), coloured by event type (lifespan, artistic period, travel, lover, son, daughter), faceted by painter.

Transition between: Linear Chronological Segmented and Radial Chronological Segmented

Transition type: Representation transition between Linear and Radial.

Data: Timeline of United States military operations (Wikipedia), coloured by region, segmented by century.

Transition between: Linear Relative Faceted and Radial Relative Faceted

Transition type: Representation transition between Linear and Radial.

Data: Visualising painters' lives (by Accurat), coloured by event type (lifespan, artistic period, travel, lover, son, daughter), faceted by painter.

Transition between: Linear Sequential Unified and Radial Sequential Unified

Transition type: Representation transition between Linear and Radial.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

Transition between: Linear Sequential Faceted and Radial Sequential Faceted

Transition type: Representation transition between Linear and Radial.

Data: Tenures of Heads of State of G7 countries, coloured by political leaning (left, centrist, right, NA), faceted by country.

Transition between: Linear Sequential Unified and Spiral Sequential Unified

Transition type: Representation transition between Linear and Spiral.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

Transition between: Linear Sequential Faceted and Spiral Sequential Faceted

Transition type: Representation transition between Linear and Spiral.

Data: Tenures of Heads of State of G7 countries, coloured by political leaning (left, centrist, right, NA), faceted by country.

Transition between: Linear Sequential Unified and Arbitrary Sequential Unified

Transition type: Representation transition between Linear and Arbitrary.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

Transition between: Radial Sequential Unified and Spiral Sequential Unified

Transition type: Representation transition between Radial and Spiral.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

Transition between: Radial Sequential Faceted and Spiral Sequential Faceted

Transition type: Representation transition between Radial and Sprial.

Data: Tenures of Heads of State of G7 countries, coloured by political leaning (left, centrist, right, NA), faceted by country.

Transition between: Radial Sequential Unified and Arbitrary Sequential Unified

Transition type: Representation transition between Radial and Arbitrary.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

Transition between: Spiral Sequential Unified and Arbitrary Sequential Unified

Transition type: Representation transition between Spiral and Arbitrary.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

SCALE TRANSITIONS

Transition between: Linear Chronological Unified and Linear Logarithmic Unified

Transition type: Scale transition between Chronological and Logarithmic.

Data: Lives of Western Philosophers (by rengel-de), coloured by region.

Transition between: Linear Chronological Unified and Linear Sequential Unified

Transition type: Scale transition between Chronological and Sequential.

Data: Author's biographical data, coloured by activity type.

Transition between: Linear Chronological Faceted and Linear Relative Faceted

Transition type: Scale transition between Chronological and Relative.

Data: Visualising painters' lives (by Accurat), coloured by event type (lifespan, artistic period, travel, lover, son, daughter), faceted by painter.

Transition between: Linear Chronological Faceted and Linear Logarithmic Faceted

Transition type: Scale transition between Chronological and Logarithmic.

Data: Timeline of United States military operations (Wikipedia), coloured and faceted by region.

Transition between: Linear Chronological Faceted and Linear Sequential Faceted

Transition type: Scale transition between Chronological and Sequential.

Data: Visualising painters' lives (by Accurat), coloured by event type (lifespan, artistic period, travel, lover, son, daughter), faceted by painter.

Transition between: Radial Chronological Unified and Radial Sequential Unified

Transition type: Scale transition between Chronological and Sequential.

Data: Author's biographical data, coloured by activity type.

Transition between: Radial Chronological Faceted and Radial Relative Faceted

Transition type: Scale transition between Chronological and Relative.

Data: Visualising painters' lives (by Accurat), coloured by event type (lifespan, artistic period, travel, lover, son, daughter), faceted by painter.

Transition between: Radial Chronological Faceted and Radial Sequential Faceted

Transition type: Scale transition between Chronological and Sequential.

Data: The daily routines of famous creative people (by Podio), coloured by event type (sleep, creative work, food + leisure, exercise, admin, other), faceted by person.

Transition between: Linear Relative Faceted and Linear Sequential Faceted

Transition type: Scale transition between Relative and Sequential.

Data: Visualising painters' lives (by Accurat), coloured by event type (lifespan, artistic period, travel, lover, son, daughter), faceted by painter.

Transition between: Radial Relative Faceted and Radial Sequential Faceted

Transition type: Scale transition between Relative and Sequential.

Data: List of epidemic (Wikipedia), coloured by type of epidemic, faceted by region.

Transition between: Linear Logarithmic Unified and Linear Sequential Unified

Transition type: Scale transition between Logarithmic and Sequential.

Data: Chronological diagram of Asia (by bunkat), coloured by China | Korea | Japan.

Transition between: Linear Logarithmic Faceted and Linear Sequential Faceted

Transition type: Scale transition between Logarithmic and Sequential.

Data: List of epidemics (Wikipedia), coloured by type of epidemic, faceted by region.

Transition between: Linear Sequential Unified and Linear Sequential with Interim Duration Unified

Transition type: Scale transition between Sequential and Sequential + Interim Duration.

Data: Timeline US Presidents (Wikipedia), coloured by political party.

LAYOUT TRANSITIONS

Transition between: Linear Chronological Unified and Linear Chronological Faceted

Transition type: Layout transition between Unified and Faceted.

Data: List of epidemics (Wikipedia), coloured by type of epidemic, faceted by region.

Transition between: Linear Chronological Unified and Linear Chronological Segmented

Transition type: Layout transition between Unified and Segmented.

Data: Timeline of United States military operations (Wikipedia), coloured by region, segmented by century.

Transition between: Radial Chronological Unified and Radial Chronological Faceted

Transition type: Layout transition between Unified and Faceted.

Data: Timeline of United States military operations (Wikipedia), coloured and faceted by region.

Transition between: Radial Chronological Unified and Radial Chronological Segmented

Transition type: Layout transition between Unified and Segmented.

Data: Timeline of United States military operations (Wikipedia), coloured by region, and segmented by century.

Transition between: Linear Logarithmic Unified and Linear Logarithmic Faceted

Transition type: Layout transition between Unified and Faceted.

Data: Timeline of United States military operations (Wikipedia), coloured and faceted by region.

Transition between: Linear Sequential Unified and Linear Sequential Faceted

Transition type: Layout transition between Unified and Faceted.

Data: Lives of Western Philosophers (by rengel-de), coloured and faceted by region.

Transition between: Radial Sequential Unified and Radial Sequential Faceted

Transition type: Layout transition between Unified and Faceted.

Data: Author's record collection by release year, coloured by genre, faceted by format (LP vs. CD).

Transition between: Spiral Sequential Unified and Spiral Sequential Faceted

Transition type: Layout transition between Unified and Faceted.

Data: List of epidemics (Wikipedia), coloured by type of epidemic, faceted by region.

ARBITRARY CURVE DRAWING

Arbitrary Sequential Unified

Note: Our sandbox environment includes the functionality to draw a custom arbitrary shape.

Data: Timeline US Presidents (Wikipedia), coloured by political party.