Akshith - Improve Data Clarity & Interpretation in the Event Popularity Page

[akshith312]

Description

Related PRS (if any):

This frontend PR is related to the #3192
…

Main changes explained:

• Replaced Generic labels with more descriptive names
• Used Consistent terminology across the page to improve data clarity
  …

How to test:

1. check into current branch
2. do npm install and npm run start:local to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to http://localhost:5173/EventPopularity
6. verify the visuals and check if the metrics display more details.
7. Check if hovering displays the details correctly.

Screenshots or videos of changes:

Screen.Recording.2026-01-09.161854.mp4

Note:

Mock Data is being used for the visuals

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	fc15608
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a2264b9dc611f000836cb98
😎 Deploy Preview	https://deploy-preview-4692--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
6 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[HemanthNidamanuru]

Hi Akshith,

I tested the PR locally. Everything is working fine. The visuals look good, metrics display the details correctly, and hovering works as expected. The only issue is that dark mode is not working.

[Anusha-Gali]

Hi Akshith,

I have reviewed your PR locally and though the interpretation is as per requirement there are few UI issues:

• The y axis title is not visible fully
• The tool tip in Event attendance is too dark and the time is not visible much
• The dark mode is not well adapted

[akshith312]

Hi @HemanthNidamanuru @Anusha-Gali I have fixed the hover issues, the dark mode currently doesn't work because it is implemented from a different PR.

[sonarqubecloud]

Quality Gate passed

Issues
9 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud