Hi, I’m Annie! →
I’m a narrative-driven designer specialized in data visualization and branding.
I turn complex information into stories that are clear, engaging, and visually bold.
Hi, I’m Annie! →
I’m a narrative-driven designer specialized in data visualization and branding.
I turn complex information into stories that are clear, engaging, and visually bold.
Transforming complex data into beautiful, human-centered stories that inform and inspire:
Partnering with the Smithsonian Institute, this interactive visualization explores the intricate world of orchid-pollinator relationships through data.
What smells “feminine” or “masculine” isn’t chemistry — it’s about culture, time, and storytelling. They change — just like our ideas of gender. My thesis, Fluidnotes, maps over 25,000 perfumes and 100 years of gender history to explore how fragrance culture reflects - and sometimes challenges - our evolving understanding of gender.
D3.js exercise designing a series of playful, interactive charts visualizing the variety, flavors, and affordability of tinned fish.
Breathscape is a curated origami kit that folds and inflates into a breathing sculpture. Paired with a guided breathing app, it transforms the meditative act of breathing into a tactile and immersive experience.
SAKE.ai analyzes sake branding using BART transformer and LoRA-based training to identify trends, generate labels with SDXL, and give food pairing recommendations based on the flavors, aromas, and recommended temperature of each sake.
This interactive visualization maps global earthquakes in real time using data from the USGS. Built with D3.js and Leaflet, it displays earthquakes as both individual points and an overlaid heatmap, where color represents magnitude and intensity shows activity concentration.
This project visualizes sentiment patterns in President Roosevelt’s State of the Union addresses from 1939–1945. Using Sentiment.js to score emotional tone and RiTa to extract nouns, it identifies the most frequent positive and negative terms.
Hex Clock Data Visualization
The time (HH:MM:SS) becomes a hex color code that fills the page background, changing every second. A grid of 60 squares shows each second of the minute—when a second passes, its square turns white, creating a gradual filling effect.
The time (HH:MM:SS) becomes a hex color code that fills the page background, changing every second. A grid of 60 squares shows each second of the minute—when a second passes, its square turns white, creating a gradual filling effect.