Feedback from Denise

• "Full annotations" header is confusing
• Hovering or clicking an annotation should probably expose the whole thing
• Generally, it's unclear that the playhead position corresponds to what annotation is currently displaying

Action items

• Remove the "full annotations" section
• Show a larger preview of the annotation before hovering, and remove the numbers
• Show a full preview of the annotation in a multi-line window once you hover or focus using your keyboard
• Add some clarification text to explain that, when you click on the annotation, it will jump the playhead to that position

Feedback from Denise

• The headers for each cluster timeline was unclear (ex. what does "model 1" mean?)
• When clicking a cluster, the highlighted region on the waveform should be the same color as that cluster

Action items

• Match the waveform region color to the cluster color
• Style the headers for each timeline and improve the labeling. Make them more clearly associated (will require some UI tweaks). Possible header: "learning algorithm: lstm_v4"
• Add back overflow: hidden so she can't accidentally scroll!

Feedback from Denise

• Would be nice to click on the spectrogram to move the playhead
• Would be nice to highlight a cluster in the spectrogram as well as the waveform once it's selected

Action items

Do some CSS jerry-rigging to overlap the waveform canvas onto the spectrogram. Will likely involve:

• making the spectrogram container position: absolute
• adding some padding to the wave element inside the waveform container
• messing with z-index to make the correct elements display

• Mock reading an API from file
• Pre-process wav to get waveform JSON
• Read waveform from pre-processed JSON
• Pre-process spectrogram - image or frequencies?
• Read pre-processed spectrogram