InnovationQ will be updated on Sunday, Oct. 22, from 10am ET - noon. You may experience brief service interruptions during that time.
Browse Prior Art Database

Technique for Increasing Number of Events Visible in a Timeline Layout

IP.com Disclosure Number: IPCOM000228698D
Publication Date: 2013-Jul-01
Document File: 4 page(s) / 189K

Publishing Venue

The IP.com Prior Art Database


This present article discloses a technique for increasing number of events visible in a Timeline layout

This text was extracted from a PDF file.
This is the abbreviated version, containing approximately 52% of the total text.

Page 01 of 4

Technique for Increasing Number of Events Visible in a Timeline Layout

A Timeline is a component that lays out a visual representation of events that occurred at a precise point in time. That representation is connected using vertical line drawing to a time-based scale. This line drawing connects on the scale to the point in time when the event occurred. By default the events are centered on that date as you can see below:

Existing Timeline components are doing a simple layout of these elements

just based on the reference point in time and on the size of the visual

representation. The simple layout is making sure the events are centered on their date, that no events representation overlap with each others and that the events stack on top of each other until there is not more room available. If no more room is available the events are hidden.

    That means that existing Timeline components based on this simple layout cannot optimize the number of events that can be displayed in the timeline area.

    The core idea is to add additional steps in the layout of the Timeline. These steps will be in charge of slightly shifting (that means un-centering them) the events representation, to move them to a position where the overlap between the events

will still be avoided, while keeping the correct connection to the point in time the

event occurred. This allows displaying more events than if these steps were not performed in the same predefined available area.

That shifting is applied in 2 cases:
-> When a representation would be partially out of the visible area bounds to make sure it will be entirely visible to the user (a)
-> When a representation would not have enough place to be shown and would be hidden by the simple layout (b)

    It allows to visualize more events in a Timeline while still making sure these events are correctly positioned with respect to the point in time they occurred.

    Here is a high level workflow showing the main steps performed by the layout:

Page 02 of 4

1. Compute the position of the item renderer according to its date value along the time axis, and its width in order to center the...