Ribbon tab

3D ribbon of my career path, or a still diagram if WebGL is off or data-saver / reduced motion is on.

Overall designs

Tab Designs

Site Feature Designs

How it works on this site

The ribbon loads the first time this tab opens. Length along the path reflects time in each role; colour reflects industry. Drag to rotate the view; gentle parallax follows the pointer when not dragging.

If the browser reports reduced motion, data saver, or no WebGL, a static SVG ribbon appears instead, with a short note explaining why.
A small legend shows which colours map to which sectors.
If profile data fails to load for this view, an error message appears in the ribbon area.

Simple layout sketch

My Career Ribbon

Interactive 3D ribbon, or a still diagram when WebGL or motion is reduced.

Ribbon area