Constellation tab
Interactive map of roles: pan, zoom, drag nodes; click a role to read impact.
Overall designs
Tab Designs
Site Feature Designs
How it works on this site
Every role is a dot. My current role sits in the centre; earlier roles sit around a ring. A thick gold line connects roles in career order. Thinner lines connect roles that share the same industry category. Brighter dots generally mean longer time in role.
- Drag the background to pan; use the mouse wheel or trackpad to zoom. Drag a dot to rearrange the map; the layout can be saved in the browser until reset.
- Hover a role for a floating card with title, employer, dates, and a short line. Click without dragging to open the Impact tab with that role selected.
- Use Reset view or Randomise layout in the toolbar to restore defaults or spread nodes out.
- A live summary line under the chart states how many roles are shown and points to Impact for full stories.
- With reduced motion preferred, the gentle drift of nodes is turned off.
- This view also loads its script only when the tab first opens.
Simple layout sketch
My Career Constellation
Pan, zoom, drag dots; hover for preview; click to open Impact for that role.
Constellation chart