Without input

With input

How it works
How it works
- The investment calculator is an application that allows end-users to view their monetary investments in different scenarios
- Single step application where visitors can enter their planned investment to obtain a wealth simulation
- On page load, a placeholder of the pie chart is displayed
- When the calculations are triggered, the different elements of the pie chart are loaded with the results. Below the pie chart a button can be displayed.
- When the chart values are displayed and the end-user changes any of the entries of the input fields, the chart remains unchanged until the calculations are triggered again
- The chart displays as many bars as years of investment entered by the end-user
- When hovering on any of the bars, a dialog is displayed with the amounts of the 3 elements for that bar. This behavior is not available for the Extra narrow design.
Reference for publisher
