Monthly Stock Prices of four companies: Amazon, Apple, IBM and Microsoft from Jan 1, 2000 to Mar 1, 2010. Original visualization was composed using d3.js on

First, we draw a line, repeat it by “Company”, then densify each line by “Date”.

Next, we select any line and bind its stroke color to “Company”. Let’s also change the stroke width to make it thicker.

We then use the direct selection tool to select any vertex in a line, and bind its x position to “Date” and y position to “Price”.

Finally, we want all the lines to be displayed in the same chart, sharing the same scale. To do this, we select the top level collection, and change the layout from “Grid” to “None”. We can then adjust the axis range to make the chart more readable.