Freshness Score Breakdown Visualization for Gill, Eye, and Body Analysis

[Tamanna030507]

Description

Problem

Currently, scan results display a single Freshness Index score. While this provides an overall assessment, users cannot understand how individual freshness indicators (gill, eye, and body condition) contributed to the final score.

Proposed Solution

Add a detailed score breakdown section to the scan results page showing individual component scores and their contribution to the overall Freshness Index.

Features

Display separate scores for:
Gill Analysis
Eye Analysis
Body Analysis
Visual progress bars or radial indicators
Percentage contribution to overall freshness score
Responsive design for desktop and mobile

Benefits

Improves transparency of AI predictions
Helps users understand freshness indicators
Enhances trust in scan results
Better educational value for users

[Tamanna030507]

Hi @jpdevhub,

I'd like to work on this issue.

My plan is to create a dedicated freshness breakdown section on the results page that visualizes the individual Gill, Eye and Body scores using progress indicators while keeping the UI consistent with the existing design system.

Could you please assign this issue to me under SSoC26?

[jpdevhub]

Sure go ahead !