Template - Timeline
1280px x 720px
Add animations and interactions to make data more visually engaging.
Hover interactions allow you to reveal or hide folders, objects, or groups when the user hovers their mouse over your specified trigger. In this template, when the user hovers over a year, a popup appears. To add a hover interaction, draw a hotspot over the area you want the user to hover over. Select the hotspot and navigate to the Interaction tab in the Inspector Panel. Select “Hover” as your trigger and specify the action, (ex: Show), then choose the folder, object, or group you want to reveal or hide.
How was this template built?
1.
On each Hotspot, the "On hover - show" interaction was applied and the appropriate popup group was selected.
2.
The "Expand" animation was added to the Timeline line. And the direction was set towards the right and the duration to 2.0 Sec.
3.
The "Fade In" Animation was applied to each year group. And the delay was set at 0.4 Sec increments.
4.
The circle_icons, in each popup group, were selected and the following animations were applied: "Spin and Fade In" animation on-view and the "Spin and Fade Out" animation on-hide.
5.
Finally, the text in each popup group was selected, and the "Fade In" animation on-view and the "Fade Out" animation on-hide was applied.
IMPACT OF GOVERNMENT CHANGES ON LONDON OFFICE RENTAL VALUES
1990 - 2022
2019-2022
2010-2016
2016-2019
Click on year to learn more
Headline rental figure for new prime, well located, high specification units of a standard size (10,000 sq ft) commensurate within the City Core market area
Template - Timeline
1280px x 720px
Add animations and interactions to make data more visually engaging.
Hover interactions allow you to reveal or hide folders, objects, or groups when the user hovers their mouse over your specified trigger. In this template, when the user hovers over a year, a popup appears. To add a hover interaction, draw a hotspot over the area you want the user to hover over. Select the hotspot and navigate to the Interaction tab in the Inspector Panel. Select “Hover” as your trigger and specify the action, (ex: Show), then choose the folder, object, or group you want to reveal or hide.
How was this template built?
1.
On each Hotspot, the "On hover - show" interaction was applied and the appropriate popup group was selected.
2.
The "Expand" animation was added to the Timeline line. And the direction was set towards the right and the duration to 2.0 Sec.
3.
The "Fade In" Animation was applied to each year group. And the delay was set at 0.4 Sec increments.
4.
The circle_icons, in each popup group, were selected and the following animations were applied: "Spin and Fade In" animation on-view and the "Spin and Fade Out" animation on-hide.
5.
Finally, the text in each popup group was selected, and the "Fade In" animation on-view and the "Fade Out" animation on-hide was applied.
IMPACT OF GOVERNMENT CHANGES ON LONDON OFFICE RENTAL VALUES
1990 - 2022
2007-2010
1990-1997
1997-2007
Click on year to learn more
Headline rental figure for new prime, well located, high specification units of a standard size (10,000 sq ft) commensurate within the City Core market area