[UX] View Forecasting Results (forecasting visualization)

[xeniatup]

[UX META] OpenSearch Dashboards Forecasting Dev Ops Metrics [Proposal] Forecasting Dev Ops Metrics and Financial/Inventory Metrics

What solution would you like?

• User can view forecasting results visualized as a graph on a forecast page. By default the visualization panel displays the historical datapoints visualized on the left two thirds of the graph and forecasting horizon visualized in the right one third of the graph. The vertical line between the parts represents the current moment in time. This allows user to glance over trends in the data and provides an entry point to interacting further with the visualization.
• The historical datapoints are connected with solid lines and predicted datapoints are connected with a dotted line. Each predicted value has a confidence interval displayed as a transparent area above and below the line of the highest confidence. For split time series visualizations that have more than one time series displayed the confidence interval is shown on mouse over.
• When forecast starts running continuously the test results are replaced with the continuously updating results. The “test” label in the visualization header will be hidden.
• User can see the latest forecast by default with an option to select any other retained forecast from the “Forecast from” dropdown. The visualization will display a retained (historical) forecast overlayed on the historical time series datapoints. User can compare the actual values and the predicted values. The number of the retained forecasts depends on the Storage options defined on forecast creation.
• User can set a time range for the visualization by selecting a start date and an end date or selecting by using Quick select or “Commonly used” options from the dropdown.
• Forecast visualization display the datapoints for each interval. User can zoom in to see the intervals farer apart by clicking on “+” button and zoom out by clicking on “-” button. The arrow buttons allow user to pan the visible area of the chart.
• The latest forecast is marked with “Live” badge in the legend.

Split time series forecast controls:

• For user to access the split time series controls the visualization panel will have an extra button in the top right corner.
• The visualization can display up to 5 time series at the same time, and user can use the pagination below the graph to scroll through the time series.
• The default option is to display the top 5 time series split by all configured categorical fields sorted by “Minimum confidence interval width”.
• The options to select time series include five build-in queries, an option to search for specific time series by name, and an option to add custom query. To be able to select individual time series the split by should include all configured categorical fields (the only one if there is one or both if there are two fields).
• For each of the split time series forecasts the confidence interval is showing on mouse over.

Screen 3.4: Split time series visualization controls OUI: OuiSuperDatePicker, OuiButtonGroups

Screen 3.5a: Split time series controls popover

Screen 3.5b: Build in query “Distance to threshold value” popover.

Screen 3.6: Split time series visualization mouse over

Screen 3.7: Build-in queries drop down

Screen 3.8: Custom query modal dialog:

OUI: OuiModal, OuiAccordion, OuiDescribedFormGroup