New-Tinned-Fish — annie lee

Hi, I’m Annie! →

I’m a narrative-driven designer with a love for prototyping, storytelling, and visual craft.

ALL ABOUT TINNED FISH Interactive D3 Visualization

ROLEDesign and Development

DURATION 2 Weeks (December 2023)

TOOLSJavascript, D3.js, Github, HTML/CSS, Python

SKILLSData Cleaning, Data Visualization, Data Analytics

PROJECT OVERVIEWCharcuterie boards have always been my dinner party MVP, but lately, the stars of the spread have shifted from the meats and cheeses to the vibrant, flavorful world of tinned fish. I love how unique each tin is and the countless flavor combos they offer. All About Tinned Fish is a compilation of interactive graphs exploring the origins, flavors, affordability and more that I add to for fun!

INTERACTIVE D3 VISUALIZATIONS

Interactive bar chart visualizing the top countries of origin and variety of fish types.

Interactive Radar Chart showing how different types of fish are prepared.

Interactive box plot showing the top 10 brands and their interquartile price ranges.

DESIGN INSPIRATION

The site design is inspired by traditional and contemporary tinned fish packaging, keeping things playful and unserious.

Sketch I: Stacked bar chart with fish type & country origin

Sketch II: 100% bar graph for sodium % in fish types

Sketch III: 100% bar graph for sodium % in fish types

DATASET AND DATA CLEANING

1. The dataset is a csv file from Rainbow Tomatoes Garden, an online fish tin shop.

2. Handle missing values and normalizing text with python.

3. Mapping dictionary for variations and replace them with a consistent representation.

NEXT STEPS
1. Visualizing Sodium Levels of different brands for making healthier choices.
2. Analyzing the qualitative aspects of the tin designs - colors, texts, and composition
3. Build a Fish Finding tool to help users navigate through the sea of (tinned) fish.