selecting-vizro-charts
Use this skill when choosing chart types, applying Plotly Express conventions, configuring colors, or building KPI cards for Vizro dashboards. Activate when the user asks which chart fits their data, needs custom chart functions, wants to set colors or palettes, or is creating KPI metric cards.
91
87%
Does it follow best practices?
Impact
99%
1.37xAverage score across 3 eval scenarios
Passed
No known issues
Evaluation results
100%
64%Operations Dashboard: Manufacturing Quality Metrics
KPI card configuration
kpi_card import
0%
100%
Figure model usage
0%
100%
kpi_card_reference for comparison
0%
100%
reverse_color for cost/error metric
0%
100%
Title in figure args
0%
100%
No custom chart rebuild
50%
100%
No color overrides on KPI
100%
100%
No colors on other charts
100%
100%
Correct chart type choices
100%
100%
98%
18%E-commerce Sales Analysis Dashboard
Bar chart conventions and aggregation
Pre-aggregation before px
100%
100%
Bar sort order
100%
80%
Horizontal bar orientation
0%
100%
Bar starts at zero
100%
100%
Line chart x sorted ascending
100%
100%
No color overrides
100%
100%
Axis title removed
0%
100%
Legend title removed
100%
100%
Correct chart for time series
100%
100%
No 3D or pie misuse
100%
100%
100%
Server Health Monitoring Dashboard
AG Grid coloring and custom chart decorator
vizro.themes import
100%
100%
No invented hex values
100%
100%
Correct palette type
100%
100%
@capture decorator present
100%
100%
Custom chart justified
100%
100%
No color overrides on px charts
100%
100%
Pre-aggregation for px
100%
100%
AG Grid not px chart
100%
100%
Correct chart type selection
100%
100%
- Repository
- mckinsey/vizro
- Commit
124060f
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.