Dynamic Plot

Each time the menu is changed, all the elements on the screen switch to that respective piece and the chart replots.

Rather than placing all data points individually (which would remove the animate effect), all the data points for a single performer or editor are placed within the same

container. These are created from the audioFile prototype, and within each data point are two invisible div containers containing Tempo and Attack Rate.

This div container is moved depending on the data within the data point every time that dataMenuFunction() is called (defined near the top of DigiBachJS-III.js, search for s_MenuFunction within the file). Each performer/editor's data point container has the class .d# (which one goes where depends on the variable masterList). It loops from i=1 to 22 and for each one, grabs the data for the folder within with the specific class name based on the menu variables and uses jQuery's ".animate" function with no queue to move the container.

The graph itself is made using HTML Canvas farther down in DigiBachJS-III.js (search for s_HTMLGraph).