Interactive skills matrix with gap analysis visualization
Team Skills Heatmap
Color-coded skill levels with gap indicators. Darker colors indicate higher skill levels.
Team Member
Technical Demos
Salesforce Administration
Solution Architecture
Customer Discovery
API Integration
Presentation Skills
Cloud Architecture
HR / AI Tech
BP
Bradd Pitt
Expert5
4
5
4
3
WE
Will Eddy
Expert4
2
3
4
3
4
3
5
LD
Leonardo DiCaprio
2
3
3
JL
Jennyfer Lawrence
Expert3
5
4
2
CH
Chriss Hemsworth
2
1
3
SJ
Scarlett Johanson
Expert4
4
5
DJ
Dwayne Johnson
3
2
2
ES
Emma Stone
Expert3
4
5
RR
Ryan Renolds
4
3
2
GG
Gal Gadot
Expert4
5
4
WS
Will Smith
2
3
3
CT
Charlize Theron
Expert3
4
5
TH
Tom Hanks
3
2
4
MS
Meryl Streep
Expert4
5
5
RD
Robert Downey
Expert4
5
5
Heatmap Legend
High Skill (4-5)
Medium Skill (3)
Developing (2)
Low Skill (0-1)
Significant Gap
Minor Gap
Each cell represents an employee's skill level for a specific competency. Darker colors indicate higher proficiency, while red indicators highlight skills needing development.
Superpower Attainment Framework - Next.js 14 + TypeScript + Zustand + Radix UI + Recharts dashboard built for sales engineering excellence. Made in <3 hours while the kids fell asleep.