Assignment Deliverables:
You are required to submit a SINGLE WinZip file that has the following deliverables :
Documentation for the Angular Components that you created to draw the Line chart
Source Code
Output report that has ALL captured screen-shots of your assignment run saved in OUTPUT.pdf
Video recording of 10 minutes as a demo for the run of your assignment using https://screencast-o-matic.com/
Post your assignment as a SINGLE WIN-ZIP on Blackboard.
Requirements:
Use the ChicagoSocialHub code and d3 in order to add the feature that will allow the user to create the following charts for the divvy stations found on a certain street for the selected restaurant.
A Line Chart to plot the number of available docks of the selected divvy station for the past hour, 24 hours, 7 days in green color.
The Line Chart must be updated in real-time without a MANUAL refresh
The user shall be provided with the choice(select button/drop down list) to view data for the past hour, 24 hours, and 7 days. Initially the past hour data is plotted by default for the user and the user can change that to select 24 hours data or 7 days data.
The line chart shall display 30 (past 1 hour divvy data) simple moving average in red color and 720 (past 24 hours divvy data) simple moving average in blue color.
The data collected from divvy stations using the provided Python ipynb script must be stored in a table you create on PostgreSQL server with the name divvy_stations_logs
Appendix A - Resources:
Here are few links that you must visit and run the D3 code examples to learn how to build Angular D3 Charts
Angular-d3-charts: https://github.com/datencia/d3js-angular-examples
d3-charts: https://bl.ocks.org/
For discussions and usage of moving averages, visit this link https://en.wikipedia.org/wiki/Moving_average
