M-04: GradCAM Visual Explanation UI

[jpdevhub]

The Idea

Our backend actually generates a GradCAM heatmap (showing exactly what parts of the fish the AI is looking at to determine freshness). However, the frontend doesn't display it yet! Let's build a cool UI overlay for this.

What needs to be done

• Take the base64 heatmap from the /api/v1/gradcam endpoint.
• Build an image overlay component on the result page where users can toggle between the original image and the heatmap.

A great mid-level task for someone looking to work with canvas or image overlays.

[Deepak06-v]

Hi, I’d like to work on this issue under SSOC’26.
This looks really interesting, and I’d love to implement the GradCAM visualization on the frontend. My approach would be to fetch the base64 heatmap from the /api/v1/gradcam endpoint and create a clean overlay/toggle component so users can switch between the original image and the heatmap view smoothly. I’ll also make sure the UI feels responsive and intuitive.

Please assign this issue to me.

[jpdevhub]

go ahead !