@@ -42,7 +42,7 @@ <h3>Processing Log</h3>
4242
4343 < div class ="section ">
4444 < h3 > Data Summary</ h3 >
45- < pre id ="summary "> </ pre >
45+ < pre id ="summary " style =" max-height: 200px; overflow-y: auto; white-space: pre-wrap; " > </ pre >
4646 </ div >
4747
4848 < div class ="section ">
@@ -57,7 +57,7 @@ <h3>Scatter Plot</h3>
5757
5858 < div class ="section ">
5959 < form id ="predictForm ">
60- < label for ="futureInput "> Enter future values (comma-separated: YYYY-MM-DD or numbers) </ label >
60+ < label for ="futureInput "> Enter future values</ label >
6161 < input type ="text " id ="futureInput " name ="future_x " />
6262 < button type ="submit "> Predict</ button >
6363 </ form >
@@ -75,7 +75,7 @@ <h3>Forecast Visualization</h3>
7575
7676 < div class ="section ">
7777 < a href ="https://ai-dslab-backend-cpf2feachnetbbck.westus-01.azurewebsites.net/download-report " target ="_blank ">
78- < button > Download Report</ button >
78+ < button > Download PDF Report</ button >
7979 </ a >
8080 </ div >
8181
@@ -95,7 +95,7 @@ <h3>Forecast Visualization</h3>
9595 const data = await response . json ( ) ;
9696 document . getElementById ( 'summary' ) . textContent = data . summary || '' ;
9797 document . getElementById ( 'log' ) . textContent = data . log || '' ;
98- document . getElementById ( 'metrics' ) . textContent = `R² Score: ${ data . r2_score } \\ nMSE: ${ data . mse } ` ;
98+ document . getElementById ( 'metrics' ) . textContent = `R² Score: ${ data . r2_score } \nMSE: ${ data . mse } ` ;
9999 document . getElementById ( 'plot' ) . src = data . plot_url ;
100100 document . getElementById ( 'plot' ) . style . display = 'block' ;
101101 } ) ;
@@ -115,7 +115,7 @@ <h3>Forecast Visualization</h3>
115115 ? data . forecast
116116 : JSON . stringify ( data . forecast , null , 2 ) ;
117117 document . getElementById ( 'log' ) . textContent = data . log || '' ;
118- document . getElementById ( 'forecastPlot' ) . src = data . forecast_plot_url ;
118+ document . getElementById ( 'forecastPlot' ) . src = data . forecast_plot_url + '?t=' + new Date ( ) . getTime ( ) ;
119119 document . getElementById ( 'forecastPlot' ) . style . display = 'block' ;
120120 } ) ;
121121 </ script >
0 commit comments