D3.js Portfolio

Interactive data visualisations built with D3.js — exploring networks, scrollytelling, animation, and creative data stories.

↓ Scroll to explore

Projects

James Bond Vehicles

Every James Bond Vehicle

A scrollytelling visualisation of every vehicle driven across the Bond franchise. Hover to explore each one.

Scrollytelling Force Layout Interactive
Hinge Dating Data

Time After Swiping on Hinge

Animated bubble visualisation tracking 1,036 interactions on the dating app over time. Play, pause, and control speed.

Animation Bubble Chart Personal Data
Game of Thrones Networks

Game of Thrones Networks

Force-directed network graphs of character relationships across all five books in the series.

Network Graph Force Simulation 5 Books
Nicolas Cage Filmography

Nicolas Cage's Film Career

An interactive donut chart exploring Nic Cage's filmography — with eyes that follow your cursor.

Donut Chart CSS Animation Fun
Tom Cruise Filmography

Tom Cruise's Film Career

Same concept, different legend. Interactive filmography donut chart with eye-tracking effect.

Donut Chart CSS Animation Fun
Bar Charts

Bar & Stacked Bar Charts

Responsive bar chart examples with tooltips and transitions, including stacked variants.

Bar Chart Responsive Reference
Line Charts

Line & Multi-Line Charts

Time series visualisations with interactive tooltips. Single and multi-line variants.

Line Chart Time Series Reference
Beeswarm Chart

Beeswarm Chart

Force-based beeswarm plot for visualising distributions with individual data points.

Beeswarm Force Layout Reference