Chord Garden

Challenge:
Turn one of my visualization design concepts into a working, interactive site. The concept started out as showing the breakdown of chords visually with flower petal sizes and colours corresponding to the distance between notes. It evolved into a computer chord organ.

Solution:
Created entirely in Flash/Actionscript 3.0. The buttons and the animated fades are classes. The flowers were drawn in Illustrator and then are modified in Actions. They are modified using the properties of an Array of Objects. The chord tones are made up of an individual sound file for each note. To solve the sounds loading slowly, I added a loading page with status circles and a Play button that would not appear until it was ready.

Tools:
Flash Actionscript, Illustrator

Date:
December 2010

View the Chord Garden website