This is just an example of Streamgraph. For a comprehensive approach to building visualisations using D3.js, you can check out this tutorial.
For even more advanced usage of D3.js, check out social sites visualisations.
Or check out the main page of this site for even more resources.
Stock price provided by Yahoo Finance. Stock price is close price adjusted for splits and dividend and/or capital gain distributions.
Other data (like number of stocks) is from portfolio.
Length (horizontal) represents time period of one year.
Height (vertical) represents value of portfolio in USD over time.
Colors represent company stocks in portfolio. Each company's influence on portfolio value is represented by its color height.
Hover over the graph to see details for that specific company and exact value of portfolio at specific date.
Sudden cut in graph represents selling stocks of that company. Sudden rise in graph represents buying stocks of that company.