My question seems easy but I have to display a time line in a small area due to layout constraint. And I have to write some "actions" to do throughout the line (1 to 4 words). Sometimes I have two distinct actions at the same time. These actions are mostly static. The user must see all the timeline at once and can't scroll or move the timeline. The goal of this timeline is to display all the user's actions required during the month for a specific process.
I don't know how to dispose this line in order to make it clear and understandable.
I thought about three versions. Here is simplified mockups.
Left to right (but data overlapping)
Top to bottom (data aligned)
Bottom to top
Which one is the more coherent and understandable ? There is any alternative ?