🚀 Feature: 5D Radar Chart Component

[Md-Arif-hasnat99]

🔖 Feature description

🚀 Feature Request: 5D Radar Chart for Developer Archetype Visualization

Is your feature request related to a problem? Please describe.
While raw numbers are great, they don't visually demonstrate a developer's "archetype" or where their strengths lie (e.g., are they mostly writing code, reviewing, or managing issues?).

Describe the solution you'd like
I'd like to implement a 5D Radar Chart (Spider Chart) component that plots user data across 5 specific dimensions. This provides an immediate visual summary of their collaboration style.

Proposed 5 Dimensions (Axes):

1. Coding: Total Commits
2. Collaboration: Pull Requests
3. Reviewing: Pull Request Reviews
4. Management: Issues Opened/Closed
5. Consistency: Current Activity Streak (days)

Proposed Tech Stack & UI
Since this is a TypeScript/React environment, a library like Recharts or Chart.js would be ideal for implementing this. The UI should remain clean and functional—a minimalist polygon chart with clear interactive tooltips on hover, keeping the visual focus strictly on the data.

Acceptance Criteria:

• Integrate a charting library (e.g., Recharts) into the project if not already present.
• Create the Radar Chart component mapping to the 5 dimensions mentioned.
• Normalize the data sets so the radar chart scales properly across different axes.
• Ensure the chart is responsive and renders cleanly on mobile views.

Additional context
I would love to take ownership of this issue and build out this component for GSSoC '26!

🎤 Screenshot

No response

🔄️ Additional Information

No response

[Md-Arif-hasnat99]

@mehul-m-prajapati assign this isue to me asap I want to work on this project