Designs

This page showcases my design portfolio.

Return to my home page.

Personal

In 2025, I decided to make one visualization of something relevant to my personal life per month to hone my design skills and explore non-standard designs. These designs take the form of blog posts, where I have text interlaced with visualizations and images, and they tend to be more creative and artistic. I often spend time on the bus or while I'm in other in-between states thinking about ideas for what to visualize each month and ideating on the design, but I always complete the dataset collection/curation and the implementation in one day of work.

Travel Pics

Some data and pics from my recent solo travel trip to attend EuroVis in Luxembourg, as well as some personal travel in Toronto, Amsterdam, and Oslo!

Check out the page here and the open-source repository here!

Clonestellations

A visualization of Star Wars: The Clone Wars episodes, when they were released, and the actual viewing order!

Check out the page here and the open-source repository here!

Steam Stats

This time I'm looking at and reflecting on the games I've played on Steam over the years!

Check out the page here and the open-source repository here!

Rumble Boxing Stats

I made a blog post/visualization of some boxing data I pulled from my calendar and my smart watch that covers dates/times of classes, instructors, and health stats.

Check out the page here and the open-source repository here!

Community Care Harvest Box

As part of more personal reflection on my time living in Vancouver, I made a visualization of the vegetables I've received from the Collingwood Neighbourhood House x Fresh Roots Community Care Harvest Box between 2022 and 2024.

Check out the page here and the open-source repository here!

The 99 B-Line

As part of some personal reflection on my time living in Vancouver, I made a visualization of the 99 B-Line's route and stop changes over time.

Check out the page here and the open-source repository here!

Academic

Visualizations I have designed for research and courses.

DeLVE: Deep-time Literacy Visualization Exhibit

Designers: Mara Solen, Nigar Sultana, Laura Lukes, Tamara Munzner

DeLVE is a visualization system designed for use as a museum exhibit. It visualizes data from past events on different scales with the intention of helping museum visitors improve their proportional reasoning skills.

See the live demo here, the open-source repository here, and the associated paper here!

Actor Adaptability

Designers: Mara Solen, Ethan Tam, Ian Del Rio

Actor Adaptability is a visualization that showcases actors' flexibility and ability to act in multiple genres using data from the top 1000 movies of the last decade. The main view is a network diagram that shows all the actors of the dataset and the genres they tend to act in. Viewers can use this to see how actors compare against each other in the number of movies and diversity of genres they have been in.

See the live demo here!

Non-Visualization

Websites I have designed and implemented that don't include data visualizations.

Multiscale Visualization Design Space Explorer

Designers: Mara Solen, Matt Oddo, Tamara Munzner!

An interactive website to show off a corpus of multiscale visualization examples coded by my design space.

See the website here! Associated paper hopefully coming soon.

UBC InfoVis Group Website

Designers: Mara Solen + all past web tzars!

I converted the old website to Jekyll and updated the stylings.

See the website here!

This Website

Designer: Mara Solen

I like drawing aesthetic design inspiration from nature. The colours for this website were sampled from the photo below.

See the website source on GitHub!