Skip to content

feat: add pie chart toggle to LanguageBreakdown widget#310

Open
WhyAvya wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
WhyAvya:feat/language-breakdown-widget
Open

feat: add pie chart toggle to LanguageBreakdown widget#310
WhyAvya wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
WhyAvya:feat/language-breakdown-widget

Conversation

@WhyAvya
Copy link
Copy Markdown

@WhyAvya WhyAvya commented May 18, 2026

Summary

Closes #224

The existing LanguageBreakdown widget only showed a stacked bar chart.
This PR adds a pie chart view with a Pie/Bar toggle button, as mentioned
in the issue (pie/bar chart requirement).

Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • Refactor / code cleanup

Changes Made

  • Added pie chart using Recharts PieChart component
  • Added Pie/Bar toggle buttons in the widget header
  • Pie chart is set as the default view
  • Bar chart kept as alternative view

How to Test

Steps for the reviewer to verify this works:

  1. Sign in to the dashboard
  2. Scroll down to Language Breakdown widget
  3. Click Pie button to see pie chart
  4. Click Bar button to see stacked bar chart

Screenshots

Pie Chart View (Default)

image

New pie chart view showing language distribution with Pie/Bar toggle buttons

Bar Chart View

image

Original stacked bar chart view — still accessible via toggle

Checklist

  • Linked issue in summary
  • npm run lint passes locally
  • No TypeScript errors (npm run type-check)
  • Self-reviewed the diff
  • Added/updated tests if applicable

@vercel
Copy link
Copy Markdown

vercel Bot commented May 18, 2026

@WhyAvya is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Copy Markdown

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your first PR on DevTrack! 🎉

A maintainer will review it within 48 hours. While you wait:

  • Make sure CI is passing (type-check + lint)
  • Double-check the PR description is filled out and the issue is linked
  • Feel free to ask questions in Discussions if you need help

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] Show global language distribution across all repos as a pie chart

1 participant