This web application card was programmed from scratch using HTML, CSS, and JavaScript. It can be easily embedded in an existing site or application or expanded to include other types of calculations and visualizations.

Some key elements of each part of the program include:

HTML hierarchy, accessibility, and overall page structure, including integration of stylesheet and scripts.

CSS colors and styling, including shadows, button hover effects, and mobile-friendly element sizes.

JavaScript computation, dynamic updating of slider and results, and error alerts in case of invalid user input.