GraphDitty Song Structure GUI

by Chris Tralie

Load in a JSON file generated by SongStructure.py, or try one of the precomputed examples
Click Play/Pause to Play/Pause the audio. The selected GUI element will be in sync with the audio

File Input

Waiting for user input...

Self-Similarity Viewer Directions

The similarity matrix is shown up top, and the Laplacian eigenvectors are shown on the bottom
Left click on the similarity matrix to jump the song to the row index of the selected point
Right click on the similarity matrix to jump to the column index of the selected point
Left or right click on the Laplacian eigenvectors to jump to the corresponding place in the audio

Force Directed Graph GUI Directions

CTRL+Click to pan the view
CTRL+Scroll to zoom in and out
Double click on a node to jump to the corresponding position in the audio.
Left click and drag a node to move it around. The graph will update accordingly.

3D Diffusion Maps GUI Directions

The curve will evolve as the audio plays.
Left click + drag to rotate
Right click + drag to zoom
Center click + drag to pan