ComponentOne Invexplorer / AngularJS

This application was implemented using AngularJS (Google's application framework), TypeScript (typed, error-checked JavaScript), jQueryUI (auto-complete control used to select new symbols), ComponentOne Wijmo (chart control), and Google Finance (inspiration).

The data displayed is obtained from Yahoo finance services. Yahoo services are not free; they are being used here for demonstration purposes only.

We recommend using this application in Chrome (IE9 does not show the style colors correctly).

Name Symbol Chart Last Price Change Change % Shares Unit Cost Value Gain Gain % Delete
      {{item.company.name}} {{item.symbol}} {{item.lastPrice | number:2 }} {{item.change | number:2 }} {{item.getChangePercent() | number:2 }} {{item.getValue() | number:2 }} {{item.getGain() | number:2 }} {{item.getGainPercent() | number:2 }} x
Add Symbol: getting data...
6m YTD 1y 2y 3y All