daat-hamakom / maps

Da'at Hamakom Frontend Map Interface
Other
0 stars 0 forks source link

Y-axis in timeline #204

Open josefspr opened 7 years ago

josefspr commented 7 years ago

Non filtered view: Y-axis of timeline is arranged according to projects Hovering or selection emphasizes events on y-axis of project time spans are displayed only on hover or select Filtered view: time spans are displayed Y-axis optimises views of large and small spans 4 modes of timeline view: Default view of non-filtered map Expanded view of non-filtered map Hovering on non-filtered map Collapsed view of one project (reconsider because of time spans ?)

mushon commented 7 years ago

Please review the mockups here: https://invis.io/PRABJLV5Q

Basic mode: No timespans on default, they would appear only on hover new-timeline-1 copy 2

Hover: On hover the project points are sized and the project title appears on the left under a strip that marks the whole project: new-timeline hover

Extended timelines: Clicking the ^ icon opens the timeline and allows scrolling through all the researches as clearly divided and titled units: new-timeline open

Single timeline: This view also shows time spans, all events are set in one line, unless the timespan overlaps, in which case the timespan is attached above or under the main line. new-timeline-3 copy 6

josefspr commented 7 years ago

for single timeline check heimat project as test case with multiple timespans https://daat-hamakom.herokuapp.com/#/project/8

mushon commented 7 years ago

Looking at this research I think we might want to rethink the visualization of the time spans. I think it might be less logical to show time spans before hover. This is how it would look if we only show time spans on hover: image

Compared to the current solution that makes things pretty unreadable: image

If we show only a point we might also consider placing it in the beginning of the span rather than its end. What do you think @josefspr?