Experiments

Project timelines that don't suck

I found creating project timelines in Google sheets, Coda, Notion, or similar tools tedious or annoying, so I decided to see if I could roll my own little timeline creator. I tried to take some of the best parts of music and video sequencers like Ableton Live and Adobe Premiere. I was also on a mission to make creating and editing timelines quick and easy (hello keyboard shortcuts).

Audio frequency response graph in D3.js

Volume slider on iOS

Design in Figma only takes you so far. The best volume slider imaginable needs to be sculpted with the exact device material, in this case iOS, including haptic feedback (of which there are actually quite a few permutations)

Sentence combiner

An attempt to use sentence structure for exploring data. Inspired by Bret Victor's statement that words and sentences are one of the oldest ways for humans to understand information.

Salary benchmarking with D3.js

A salary benchmark tool intended as a way to make generalized industry salary reports personalized and relevant to the reader.

AQI.fyi: Beijing air quality visualized

In Beijing, the air quality is the weather. But to stay in that analogy, is the climate improving? That's what I wanted to find out. This was also my first foray into visualizing data with D3.js.