protovis part 5: swap external data

Change the width to 620, the height to 400 and the leftMargin to 50. Add a variable called bottomMargin and set the value to 50.

Change the dataRange value to 70700. This is really just $707 without the decimal.

Next we need to change yScale to xScale. Since we use this throughout our code lets perform another find and replace yScale with xScale in all instances then scroll back to the top. Look for the range settings in the xScale value. Change height to width-100.

In the total variable, look for the range settings and change them to 0, height-bottomMargin-20.

And delete the bar width and gap variables since we no longer need them.

Delete the commas variable and change active bar to 122. Remember, 0 is the position in the array. 122 is the last position so the end of the line will be highlighted automatically.

Change the labelXpos value to 70 and the labelYpos value to 370.

Change the value of the source variable to "Source: Google Finance".

Lets change the name of our panel. Perform a find for race and replace all with techstocks then scroll back up. In the mouse event change collapse "x" with collapse "Y".