https://xuanx1.github.io/qualitative_ex2_longJohnSilvers/treemap/index

Design Brief

Building on the previous quantitative exercise, we aspire to continue with the data we have gathered about fishes beforehand and use it to introduce a visualisation that goes further than just simple categorising. With the same amount of data, we enlarge the information they can provide along with other minor enhancements. This time we are looking at introducing a graphic that can give readers an insight into fishes or marine creatures that live within similar depth ranges, sort of like finding our neighbours within a district.

Storyboard

Assembling the Sea

Helloooo Neighbours... - Introduction

Helloooo Neighbours... - Parent Tree Map

Parent Tree Map - Ocean Legend Hover

Parent Tree Map - Node Hover

Parent Tree Map - Child Tree Map - Zoom Transition

Child Tree Map - Legend Hover

Child Tree Map - Node Hover

Child Tree Map - Node Selection

Child Tree Map - Fish Hover