Timeline tab
Roles as horizontal bars over time; optional jump from a year into Journey.
Overall designs
Tab Designs
Site Feature Designs
How it works on this site
Roles run from earliest at the bottom toward more recent toward the top. Each row is a coloured bar on a time axis with years along the bottom. Sideways scrolling is available when the chart is wider than the screen.
- Hover a bar to see role title, employer, dates, and a short extra line when one is available. Long CV text lives on the Journey tab, not in the tooltip.
- When an employer logo is available, it appears inside the bar; otherwise the sector emoji appears.
- Year labels along the axis act as buttons: activate one to open the Journey tab and scroll to that year’s story (keyboard-accessible).
- On desktop, this tab’s height is used to align other tabs to the same minimum height; on narrow screens that rule is relaxed so scrolling stays natural.
Simple layout sketch
My Career Timeline
Scroll sideways on small screens. Bars over time; years along the bottom open Journey.
Timeline chart