Element: #211 Interactive team builder (charts/radar)
What it shows: A radar chart for My team with six sliders that edit each dimension live.
When to use: Letting users build or tweak a skill or score profile and see the shape update.
Spec:
- `let dims = $state([88, 92, 76, 85, 94, 79])` holds the six scores
- `const series = $derived([{ name: 'My team', values: [...dims] }])`
- ``
- `{#each DIMS as dim, i}` renders one ` { dims[i] = v[0]; }}` writes back the first slider value
- Each row shows the dimension name and `{dims[i]}` in a ``
Tags: radar-chart, slider, interactive, derived, state, builder
Needs: @codeatlasdev/ui@4.4.0 + echarts
Components: Card, Stack, Flex, Slider, RadarChart
Live demo: https://ui.codeatlas.com.br/docs/charts/radar#interactive-team-builder