Labs

Off the clock.
Built for the love of it.

Front-end experiments and interactive tributes to films, myths and maps, built in the gaps between the serious work. Each one is a self-contained build with no frameworks, just HTML, CSS and vanilla JavaScript.

6 interactive builds
github.com/saleem-yousaf
The builds

Six interactive builds.

Interactive tributes to films, myths and maps. Each one is a self-contained front-end build, free to open and explore.

// Interactive Build
The Odyssey: The Cursed Voyage
Sail from Troy to Ithaca through an interactive retelling of Homer's Odyssey. Follow the legend or captain your own voyage across fourteen waypoints, with a living chart and a ship's log. A self-contained front-end build.
SVGInteractive FictionSide Project
Open the page
// Interactive Build
Inception: Dream Control
Run a mission through three nested dream layers: prepare each level, plant the idea, and synchronise the kicks against a countdown, with time dilating the deeper you go. A self-contained simulation.
Front EndSimulationSide Project
Open the page
// Interactive Build
The Martian: Sol by Sol
Follow a stranded astronaut day by day across Mars, from the Ares III habitat to Schiaparelli, with a sol chronicle, a schematic route map and an interactive habitat cutaway. Original generated visuals, no film stills.
Data VizFront EndSide Project
Open the page
// Interactive Build
Scene Atlas
An interactive globe of real film and television shooting locations, built with D3. Search by movie, place, director or actor, with credited location photography. A side project exploring data visualisation and mapping.
Data VizD3MappingSide Project
Open the page
// Interactive Build
Miller's Planet Time Console
A live time dilation clock inspired by Interstellar, showing real Earth time against the surface clock of Miller's planet, with a one hour to seven years calculator. A self-contained front-end experiment.
Front EndVanilla JSSide Project
Open the page
// Interactive Build
Westeros Underground Map
A map of Westeros drawn in the style of a transit diagram, a design and SVG exercise reworking a fictional geography as a tube map.
SVGDesignSide Project
Open the page
Looking for professional work? See Projects
Want to collaborate or discuss a framework?
Reach out via LinkedIn or explore the full repository list on GitHub.
GitHub Profile Read articles