View source for ISSS608 2016 17 T2 Project Team 16 Application

<div style=background:#2B3856 border:#A3BFB1>
[[Image:vaa1.jpg|250px]] 
<font size = 5; color="#FFFFFF">ISSS608 Visual Analytics and Applications - Group 16</font>
</div>
<!--MAIN HEADER -->
{|style="background-color:#1B338F;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
| style="font-family:Century Gothic; font-size:100%; solid #000000; background:#2B3856; text-align:center;" width="30%" | 
;
[[ISSS608 2016 17 T2 Project Team 16 Proposal| <font color="#FFFFFF">Proposal</font>]]

| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="25%" | 
;
[[ISSS608 2016 17 T2 Project Team 16 Poster| <font color="#FFFFFF">Poster</font>]]

| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="25%" | 
;
[[ISSS608 2016 17 T2 Project Team 16 Application| <font color="#FFFFFF">Application</font>]]

| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="25%" | 
;
[[ISSS608 2016 17 T2 Project Team 16 Report| <font color="#FFFFFF">Report</font>]]

| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#2B3856; text-align:center;" width="25%" | 

|  &nbsp;
|}
<br/>
<br/> URL: https://stockevaluation.shinyapps.io/stocktreemap/

==Installation guide==
<br /> '''Software''': 
<br />R: https://cran.r-project.org/bin/windows/base/
<br />Rstudio: https://www.rstudio.com/

<br /> '''Package''':
<br />• tidyverse: The 'tidyverse' is a set of packages that work in harmony because they share common data representations and 'API' design. This package is designed to make it easy to install and load multiple 'tidyverse' packages in a single step. Learn more about the 'tidyverse' at <https://github.com/hadley/tidyverse>.
<br />• tidyquant: The tidyquant package is focused on retrieving, manipulating, and scaling financial data analysis in the easiest way possible.
<br />• tidygraph: 'tidygraph' provides an approach to manipulate these two virtual data frames using the API defined in the 'dplyr' package, as well as provides tidy interfaces to a lot of common graph algorithms.
<br />• plotly: Easily translate 'ggplot2' graphs to an interactive web-based version and/or create custom web-based visualizations directly from R. Once uploaded to a 'plotly' account, 'plotly' graphs (and the data behind them) can be viewed and modified in a web browser.
<br />• d3treeR: 'd3treeR' is the primary function for creating interactive d3.js treemaps from various data types in R
<br />• networkD3: Creates 'D3' 'JavaScript' network, tree, dendrogram, and Sankey graphs from 'R'.
<br />• igraph: Routines for simple graphs and network analysis. It can handle large graphs very well and provides functions for generating random and regular graphs, graph visualization, centrality methods and much more.
<br />• quandmod: Specify, build, trade, and analyse quantitative financial trading strategies.
<br />• PortfolioAnalytics: Portfolio optimization and analysis routines and graphics.
<br />• shiny: Makes it incredibly easy to build interactive web applications with R. Automatic ``reactive'' binding between inputs and outputs and extensive prebuilt widgets make it possible to build beautiful, responsive, and powerful applications with minimal effort.
<br />• shinydashboard: Create dashboards with 'Shiny'. This package provides a theme on top of 'Shiny', making it easy to create attractive dashboards.

==User guide==
<br />'''Step1:'''
<br />Start from the treemap and see the stock price change in different industries.  The box on the right whose name is “period” represents the time compared with the stock price yesterday. Investors can select to see 1 day, 1 week or 1 month differences
<br />'''Step2:'''
<br />Investors then can input two stocks that they are interested on the box showing stock1 and stock2 on the right. Then we can the ratio comparison graph appears. We can also change the ratio that we are interested from the drill down box. 
<br />'''Step3:'''
<br />Then we can have a look at the specific stock historical price on the graph at the bottom.  Investors can choose any stock they are interested and change the time interval on the right.
<br />'''Step4:'''
<br />Then investors can change the graph to see other modules by clicking forecast on the left panel. 
<br />'''Step5:'''
<br />Until now, investors should have chosen some stocks that they are interested. Then we can click “correlation” on the left panel to see the correlation between stocks. Investors can change the correlation figures to filter different stocks.
<br />'''Step 6:'''
<br />Portfolio return shows the monthly return of a portfolio which includes multiple stocks with different weights. The trend line shows the mean of returns. Above-zero trend line shows a positive returns and below-zero trend line is opposite.
The three input modules are three stocks that investors want to combine in a portfolio. You can change any three kinds of stocks in there, but you prefer to input the stocks which have negative correlations in network analysis.
<br />'''Step7:''' 
<br />Portfolio growth is more visualized in the portfolio performance. It shows the portfolio value growth from 2011 to 2017.
The three input modules on the right match the stocks above. Investors can change different weights to find the better portfolio growth and make an investment!