Show many ratings at once — thirteen ways. Bars, segments, neon, rings, gauges, columns, dots, pills and score tiles, plus a radar chart and a heatmap matrix for whole teams. Group filter tabs, level words, target markers, five value formats, icons and a count-up on scroll.
Grouped bars with icons, automatic level words and a short note under each skill. Visitors can switch between the groups with the tabs, and the ring on the right shows the overall average.
A heatmap of skills against people — darker means stronger. Hover a cell to light up its row and column; the right column and the bottom row show the averages.
| Skill | Emily | Jake | Sophia | Marcus | Olivia | Avg |
|---|---|---|---|---|---|---|
| UX researchDesign | 90 | 40 | 75 | 30 | 60 | 59 |
| UI designDesign | 85 | 55 | 92 | 35 | 70 | 67 |
| Front-endBuild | 60 | 95 | 70 | 80 | 50 | 71 |
| Back-endBuild | 25 | 85 | 30 | 95 | 40 | 55 |
| SEOGrowth | 55 | 45 | 40 | 60 | 90 | 58 |
| CopywritingGrowth | 70 | 30 | 65 | 25 | 88 | 56 |
| Average | 64 | 58 | 62 | 54 | 66 |
Compact rows with a marker for the level each role needs. Hover a marker to see its name. Colors follow the level — warm for early, cool for strong.
Half-circle gauges with a swinging needle and scores out of ten — the classic review-site verdict panel.
Rating dots with a word instead of a percentage — nobody is “73% Spanish”. Choose your own words for the scale.
Score tiles with an icon, a big number, a note and a slim bar — like a student dashboard.
Neon bars on a dark card, perfect for gaming profiles, fitness goals or anything that likes a little drama.
Segmented bars fill one block at a time — great for project phases or plan limits.
Vertical columns for a survey, with a color per answer — and the same results as progress rings underneath.
Filled pills with one color per group, sorted A → Z.
Striped bars that keep moving — ideal for goals that are still in progress.
201 premium elements, Skill Bars Matrix included.