Beautiful web-based timeline software

Did you know how to: Avoid clutter on a timeline

9th Sep 2014 | Tasha G

Everybody wants their timeline to be as beautiful as it can be. If you've got a lot of stories, however, it becomes more difficult because stories may overlap each other. This is especially the case with a timeline covering a wide span of time but which has a high concentration of events in a small space of time. So how do you structure the timeline so you've got all your great content visible? To find out how, view the video above or read the text below.

• Using zoom: You can zoom out of the timeline using the Zoom functionality, creating more space between stories. Go to the 'Settings' tab on your timeline admin panel - the 'Zoom' setting is close to the bottom of that panel. Clicking the bars further left will bring stories closer together, and clicking bars further right will space the stories out more.

• Equal spacing: You can use our Equal Spacing modes to space out your stories equally, regardless of when they took place in time. Go to the 'Settings' tab on your timeline admin panel and select one of the equal spacing options from the drop-down menu next to 'Spacing'. 'Equal spacing 1' keeps the stories at the large story size; 'Equal spacing 2' makes the story panels smaller and split over two rows.

• Top to bottom spacing: You can use our Top to Bottom spacing modes. These arrange stories in rows, from top to bottom, and allow more stories to fit in the timeline stage without overlapping. Go to the 'Settings' tab on your timeline admin panel and select one of the top-to-bottom options from the drop-down menu next to 'Spacing'.

• Duration or Category band views: You may also want to check out our Duration and Category Band timeline view types. These use smaller story markers and therefore help prevent story overlap. Again, these options can be found in the 'Settings' tab under the 'View type' option. Here is an example timeline that uses the Category band view, with the middle and bottom bands using the Duration view. You can find out more about how that example timeline was created here.

• 3d view: Our 3d view is also good at displaying lots of events. You can activate this from the 3D Settings panel which is accessible from the 'Settings' tab. The 3d view can be used with equal spacing and category band view - here's a great timeline that uses all these options. You can find out the full details on the 3d view options here.

Between the options above, you should find something that will work for your timeline. As ever, please do get in touch with us at blog@tiki-toki.com if you have any questions.

Thanks for reading!