Orcasound Data in D3.js (Ongoing Project)

Executive Summary

The project is an open-source/volunteer project for Orcasound , a volunteer group/nonprofit based in Washington.

Using the raw JSON data, I have been collaborating with the group and Dr. Scott Veirs to visualize the temporal data coming from hydrophones that show whale or biomarine sound detections. A datapoint looks like this

Goals and Challenges

The challenges of working with temporal data is to visualize the 60 second interval in a way that help users see patterns without overlapping the data points and creating a complex visual.

This plot shows the complexity of having the 60 second interval plotted throughout the months. As the timestamp in the dataset is accurate to miliseconds, plotting all observation adds up really quick.

Our goal is to see the seasonal patterns of whale sounds and detection of pigeon sound to distinguish it from whale's.


At first, my approach was to design the 60 second interval so that user can see its progression over time. I chose the round datapoint so users can see on the vertical axis without the point stacking up in the case of a triangle datapoint

For confidence level, currently I used colors with scale from red to green as confidence level increase.

Demo & code

Currently, we are iterating on the initial mockup