Forecaster-Toolbox-Front-end-Walkthrough.md

@@ -4,7 +4,23 @@ The front-end of the Forecasting Toolbox is actually part of the overall SDK4ED
 
 ![forecasting_toolbox_panel](uploads/b906492549c1c86493c26086bed98867/forecasting_toolbox_panel.png)
 
-When the user selects the *TD Forecast* option on the dropdown list of the *Forecast* button illustrated above, the panel shown below opens:
+When the user selects the **TD Forecast** option on the dropdown list of the **Forecast** button illustrated above, the panel shown below opens:
 
 ![forecasting_toolbox_main_page](uploads/dd767a7d9f29ca6d4f389b7d8bd96f63/forecasting_toolbox_main_page.png)
 
+The main screen of the TD Forecasting panel comprises a dropdown button, two interactive plots and one table. The dropdown button named **Horizon** allows the user to select the forecasting horizon for which they would like to see predictions for. Once the forecasting horizon is selected, the back-end server invokes the proper forecasting algorithm (depending on the selected horizon) and returns the predictions back to the GUI, which in turn parses the result. Then, the interactive plots showing the past (green) and the predicted (red) TD Principal evolution appear on the screen. 
+
+The first plot (illustrated below) shows the entire evolution followed by the forecasted evolution of the application.
+
+![forecasting_toolbox_evolution_plot](uploads/5d60e6353706a184fd004f987d4d2295/forecasting_toolbox_evolution_plot.png)
+
+The second plot (illustrated below) focuses solely on the forecast, giving a more fine-grained view.
+
+![forecasting_toolbox_forecasting_plot](uploads/65b3fee987fc2120e957380c8ae82b76/forecasting_toolbox_forecasting_plot.png)
+
+In addition to the plots, a complementary table (illustrated below) comprising the detailed results of the forecasts is presented at the bottom-right part of the screen. This table presents the forecasted TD values for the upcoming weeks, as well as the difference between the current TD value and the forecasted TD values per week, which may serve as an indicator of whether the TD Principal will increase or decrease, and to what extent. This additional information is expected to help the developers take even more informed decisions regarding the prioritization of their TD repayment activities.
+
+![forecasting_toolbox_forecasting_table](uploads/feb4f9c640e96b28de2a78a65787de50/forecasting_toolbox_forecasting_table.png)
+
+Similarly to the TD Forecasting panel, the two figures below illustrate the main screens of the Energy and Dependability forecasting panels respectively.
+