We want to be sure events don't overlap each other when the timeline is rescaled. One solution to try. In a month section, left align all the events and stack them vertically. The events would be ordered chronologically - e.g. the top event is the first event of the month etc. Make sure text for events remains inside the lines for its month so they can't overlap with other events in other months. Play with this view at different scales

Need to address several scenarios:

1, Maybe only one or none event happened in whole year
2, Show the whole time range together on UI view instead of showing long time range by scroll bar
3, Consider how to show the event time if the timestamp itself is also PHI
4, How to solve 'events happened same time', maybe stack them on view?

Trial inclusion of a table view in the timeline perhaps using tabs. The table should include columns for Event name, date, event category

Some events are not single points in time, but have a start and end point. For example, we could have an event called MOSC (Model Organisms Screening Center). This would indicate when a sample was sent to the MOSC, but the event doesn't end until the MOSC completes its study. This could be an event that requires both a start and end date, and is displayed as a horizontal in the lower (scrollable) section and a different way in the upper section (come up with some options). When there is no endpoint set, this line will terminate at the present day but show that it's still in progress.

1. How would this conflict with other events? If we have lots of events in the lower section and multiple ongoing events, how do we make sure they don't overlap each other?
2. Additional options for these events (e.g. set end date / mark as complete)

New iteration for UDN patient portal mockup:
https://www.figma.com/file/IoSphrHrDJ8X5aOQO3DYoi/Patient-Portal?type=design&node-id=8-420&mode=design&t=rhYGV8zQAq3JfkOW-0

Associate all events with a category. We'll need to define allowed categories, but for now, we can just use placeholders, e.g. Admin, Reports, Tests etc. Each event would be associated with a category and we can use these for both UI and searching. Explore different UI, but could:

1. In the lower (scrollable) section of the timeline, colour the dots based on category or use different shapes (or both)
2. Allow users to search, e.g. select a category and all events in the category are highlighted, or others are hidden / demphasized

Come up with a list of use cases that the timeline will solve for different users, including patients / clinical teams