Hello everyone! As a fellow beginner, I’d like to share some SVG code I developed with the help of Gemini AI.
This project features a unique visualization: the Before & After Progress Bar. It demonstrates how AppSheet can actually handle layered images or “photo overlays.”
The Concept
The “Before & After” concept uses two stacked images: for example, a Black & White photo (Before) and a Full Color photo (After). To achieve this effect, the opacity of the top color layer is controlled by the Progress Bar value.
Note: For this to work, images must first be converted to Base64 format. Use small size image (250 px x 250 px).
Mobile App link
hopefully it can provide inspiration.