Requirements:
Refactor Assignment #4 in order to add the feature that will all the user to create Animated HeatMap (see the appendix for resources) and a Factory to create different types of charts as follows:
Your application homepage shall display the following image and underneath it show TWO BUTTONS in the center labeled Places and Divvy HeatMap.
When the user clicks the Divvy HeatMap, button , the ANIMATED HeatMap will be displayed for the real-time available Divvy dock stations for the entire City of Chicago Divvy dock stations for the past 1 Hour (default value for Time-Range). The default view (Time-Range) is 1 hour , and the user shall be provided with Time-Range drop down list for selection of time for 1 Hour, 24 Hours, or 7 days.
When the user clicks the Places, button , the user will be provided with the ability to search for places and plot near by Divvy on AGM maps for a selected place.
Below the map of the found places, you display a Line Chart (default view) to plot the found places reviews. The user shall be provided with a drop list to select either Line Chart or Bar Chart to view the reviews.
Next to every divvy station there will be THREE buttons:
A Stacked-Bar Chart to plot the Divvy available docks and bikes for the selected restaurant on a specified location
A Real-time Chart to plot the Divvy available docks with default view (Time-Selected) of 1 hour , and the user shall be provided with Time-Range drop down list of (1 Hours, 24 Hours, 7 days). For 1 Hour, the Time (x-axis shall display the past hour in 2 minutes increment). For 24 Hours, the Time (x-axis shall display the past 24 hours in 1 hour increment). For 7 days, the Time (x-axis shall display the past 7 daus in 12 hours increment, that is midnight 12am and noon 12pm).
A SMA Chart to plot the Line Chart for the SMA (Simple Moving Average) of Divvy available docks for 1 hour (Green line), 24hours (Blue line) , and 7 days (Red Line). The default view (Time-Range) of 1 hour , and the user shall be provided with Time-Range drop down list of (1 Hour, 24 Hours, 7 days). For 1 Hour, the Time (x-axis shall display the past hour in 2 minutes increment). For 24 Hours, the Time (x-axis shall display the past 24 hours in 1 hour increment). For 7 days, the Time (x-axis shall display the past 7 daus in 12 hours increment, that is midnight 12am and noon 12pm).
All Lines , x and y axis, and Charts must have clear label and legends
Bonus Assignment Deliverables:
You are required to submit a SINGLE WinZip file that has the following deliverables are:
Documentation for the Angular Components that you created to draw the different charts
Source Code
Output report that has ALL captured screen-shots of your bonus assignment run saved in OUTPUT.pdf
Video recording of 10 minutes as a demo for the run of your bonus assignment using https://screencast-o-matic.com/
Post your bonus assignment as a SINGLE WIN-ZIP on Blackboard.
Dr. Atef Bader
