CtrlK
BlogDocsLog inGet started
Tessl Logo

selecting-vizro-charts

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

1.53x
Quality

Does it follow best practices?

Impact

86%

1.53x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

98%

53%

Regional Sales Performance Dashboard

Bar chart aggregation and color defaults

Criteria
Without context
With context

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%

95%

39%

Operations Metrics Summary Page

KPI cards and AG Grid table

Criteria
Without context
With context

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%

66%

-2%

Marketing Channel Mix Analysis Dashboard

Chart type selection and 100% stacked bar

Criteria
Without context
With context

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%

Repository
mckinsey/vizro
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.