bapinney / fcc-bp-chartsm Goto Github PK

When the MSFT stock symbol is added, the data appears correctly and the Y axis rises in ascending order. However, when the GOOG symbol is used, the Y axis rises in descending order and the plotted data shows below the X axis.

WebSockets needs to be used to provide real-time data on when stocks are added or removed by end-users. It does NOT need to be used to provide real-time stock quote updates. The only real-time element is showing all end-users when one of them adds or removes stocks to track from the main page.

It will need to iterate across all objects in every array. This is because if we have multiple stock symbols added, we will not know the entire domain by iterating across only one of the stocks.

Currently, events get emitted through WebSockets when someone adds or removes a stock. But if someone views the page after a 'stockadd' event had been emitted, that viewer will not see that added stock. Thus, whenever a stock is added or removed, that record should be updated in a MongoDB document so new clients can mirror it when they open the page.

If a stock symbol has already been added, the app lets the end-user add it again, making it show up twice (or more). The app should not let a stock symbol be added again if it is already added.

There's probably a jQuery function we could easily call that could do this for us. It needs to run when a stock gets added and when a stock gets removed.

Added symbols show a yellow clock for pending data and a green checkmark for downloaded data. However, if data is queried for a stock and returns nothing, the pending symbol remains. This remains true for invalid/dubious entries. A red x (or something similar) should be shown for queried data that returned no results.

Fetch Data and Draw Chart buttons have accesskey attributes, but Add Stock does not.

A new version of D3 (v4.0) was just released a few days ago. It has some new features that may be useful for this project.