Without input

screenshot

With input

screenshot investment calculator

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