Annie Lee



ALL ABOUT TINNED FISH

Interactive D3.js Visualization


Charcuterie 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!

Live Site    Github



THEH VISUALIZATION
 Chart #1 Interactive bar chart visualizing the top countries of origin and variety of fish types.

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

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


BEHIND THE SCENES
Design InspirationThe site design is inspired by traditional and contemporary tinned fish packaging, keeping things playful and unserious.


Dataset and Data Cleaning1. 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.