Use this skill when choosing chart types, applying Plotly Express conventions, configuring colors, building KPI cards, or adding tables (AG Grid) to Vizro dashboards. Activate when the user asks which chart fits their data, needs custom chart functions, wants to set colors or palettes, is creating KPI metric cards, or needs a tabular detail view.
96
—
Does it follow best practices?
Impact
86%
1.53xAverage score across 3 eval scenarios
Passed
No known issues
Bar chart aggregation and color defaults
Horizontal bar orientation
0%
100%
Custom chart decorator
0%
100%
Pre-aggregation inside function
0%
100%
No color specification
100%
100%
Sort by value descending
100%
80%
Bar starts at zero
100%
100%
Correct chart for composition
0%
100%
Pie/donut slice limit respected
100%
100%
Axis/legend cleanup
0%
100%
No 3D or dual-axis
100%
100%
KPI cards and AG Grid table
kpi_card import
0%
100%
Figure model wrapping
0%
100%
kpi_card_reference used
0%
100%
reverse_color for cost/error metrics
0%
100%
vm.AgGrid used
100%
100%
dash_ag_grid import
100%
90%
vizro.themes import for colors
100%
66%
No custom KPI implementation
100%
100%
No chart colors set
100%
100%
No vm.Table usage
100%
100%
Chart type selection and 100% stacked bar
Stacked bar for composition
100%
100%
Pre-calculated percentages
100%
100%
Correct axis range for percentage
100%
100%
Line chart for trend (12+ points)
100%
100%
Line data sorted by x ascending
75%
50%
Horizontal bar for comparison
0%
0%
Bar sorted by value
0%
0%
@capture decorator used
0%
0%
No explicit color specification
100%
100%
No pie with more than 5 slices
100%
100%
No 3D or dual-axis charts
100%
100%
2280402
Table of Contents
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.