[Feature]: Enhance semester-wise GPA trend chart with detailed analytics and UX improvements

[Mayukh-Jain]

🚀 Feature Request: Enhanced Semester-wise CGPA Trend Chart

Current Behaviour

The CGPA Performance Tracker currently shows:

• Basic SGPA input fields per semester
• A performance graph (SGPA solid line + cumulative CGPA dashed line)
• Quick stats: Highest SGPA, Lowest SGPA, Current CGPA, Trend
• A semester comparison bar section

Problem / Gap

While the tracker exists, it lacks several features that would make it
genuinely useful for students planning their academics:

1. No data labels on the graph — users can't see exact values on
   the chart points without hovering (if tooltips even exist).
2. No improvement/decline indicator per semester — students can't
   quickly see which semester they dropped or improved.
3. No target CGPA line on the graph — the calculator section
   computes required CGPA but doesn't visualize it alongside actual performance.
4. No export/share option — students can't save or share their
   trend as an image.
5. Trend label is vague — "Trend" shows a text label but no
   percentage or numerical improvement shown.

Proposed Enhancements

• Add data point labels (SGPA values) directly on the graph
• Show color-coded semester bars (green = improved, red = dropped vs previous sem)
• Overlay a target CGPA horizontal line on the trend chart
• Add a % change badge per semester (e.g. "+0.3 from last sem")
• Add "Download as PNG" button to save the chart
• Show predicted CGPA at end of degree based on current trend

Why This Matters

Students use CGPA trackers not just to record data but to make
decisions — which semester to push harder, whether they're on track
for placements. Richer visual feedback makes the tool genuinely
actionable.

Tech Stack Involved

• HTML / CSS / JavaScript (frontend only)
• Chart.js or similar (whichever is currently used for the graph)

Suggested Labels

enhancement good first issue frontend nsoc26

Additional Context

Live page: https://collegedaddy.vercel.app/pages/cgpa.html

[Mayukh-Jain]

I'd like to work on this issue. Can I be assigned?

[mugenkyou]

Hey @Mayukh-Jain

I’ve assigned this issue to you. Please make sure to follow the contribution guidelines and test everything locally before opening a PR.

Also, don’t forget to ⭐ star the repository it really helps the project grow and reach more contributors!
Good luck with the implementation!