[Analytics] Hackers Section #232
Description
Scope
Create the Analytics → Hackers section with the charts/tables listed below, divided into the requested subsections. Add Export CSV and Export PNG buttons to every chart.
Global Requirement
- Every chart must have:
- Export CSV
- Export PNG
Subpages under Analytics → Hackers
1) Home
Stats (no charts):
- Total registered
- New today / last 7 days
- number of rsvps
- number of registrations
- number of hackers (completed profile)
2) Education
- University → bar chart (top 8–10)
- Major → horizontal bar chart (top 8)
- Level of study → pie chart
3) Demographics
- Gender → horizontal stacked bar
- Race → horizontal stacked bar
- Ethnicity → horizontal stacked bar
- Age → histogram
4) Experience
- # of hackathons → histogram
- Coding experience → pie chart
5) Logistics
- Dietary restrictions → horizontal stacked bar
- Shirt size → horizontal stacked bar
- Accessibility concerns → table
- List all issues (just a list/table of entries)
6) Acquisition
- Where did you hear → bar chart
7) Skills
- Top skills → horizontal bar chart
Acceptance Criteria
-
Hackers section is divided into the subpages above
-
Each subpage contains exactly the charts/tables listed above
-
Every chart includes Export CSV and Export PNG buttons
-
Accessibility concerns are displayed as a table listing all issues
Bar Chart:
Horizontal Bar Chart:
Pie Chart:
Horizontal Stacked Bar:
Histogram:
bar chart, but with median in the middle
For Stats:
https://shadcnstudio.com/blocks/dashboard-and-application/statistics-component
https://www.shadcnblocks.com/blocks/stats
https://www.shadcn-ui-blocks.com/blocks/react/marketing/stats/1Tables: