History of a Chart 5. “Guess What?”
See also:
- History of a Chart 1. “Good Times, Bad Times”
- History of a Chart 2. “Rock V The World”
- History of a Chart 3. “Where Did All the Rockstars Go?”
- History of a Chart 4. “This is the New Flesh”
Method
This was the most complicated visualization I developed and took extensive use of Action Script 3.
Unlike the other charts, the majority of this was build within Flash CS5 (the graphic content was developed in Illustrator). In this case there was no chart to export from Tableau.
- Plan out the idea on paper (I use paper or Ipad PhatPad). I find this to be the easiest and quickest way to imagine how the chart will look.
- Build the individual elements in Illustrator – creating circles and outlines and deciding on colour schemes (dictated by the red and black theme running throughout the chart when talking about rock as opposed to the other genres).
- Import the elements into Flash Cs5
- Duplicate the elements to create as many as you need (4 in total)
- Convert them all into Button > Movie Clips
- Apply the “Drag and Drop” snippet code to each. This allowed the element to be moved around the screen.
- Converting the “Reveal” circle into Movie Clip with timeline navigation qualities (move to next keyframe and stop), I was able to move the movie onto the next keyframe to reveal the results.
- Convert answer circles into rollover buttons to show further information about each genre
- Insert mini charts into “OVER” setting of button for each genre