new text addded Timeline
2021
2019
2017
2015
Hover over a year to learn more
Totam non? Vivamus tempus! Minima totam culpa ante non irure quisque nihil, arcu gravida curae quam.
Sapien tristique, platea dui, nec ipsam nonummy asperiores ante veli.
Augue minus rem mattis voluptatem, natus fuga potenti et tumi.
Lacinia hendrerit? Porttitor laudantium hendrerit natus pariatur vivamus aenean?
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.
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.
3.
The "Fade In" Animation was applied to each year group. And the delay was set at 0.4 Sec increments.
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.
1.
On each Hotspot, the "On hover - show" interaction was applied and the appropriate popup group was selected.
Add the following animations and interactions:
How was this template built?
Add animations and interactions to make data more visually engaging.
Template - Timeline
1280px x 720px
View Build Along Webinar
A build along experience is available for this template. Import the build along to your account from the webinar page.
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. new text addded