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.

1.38x

Quality

87%

Does it follow best practices?

Impact

97%

1.38x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

12%

Regional Sales Dashboard

Custom chart functions and color defaults

Criteria

Without context

With context

@capture decorator on bar chart

50%

100%

@capture decorator on line chart

50%

100%

Aggregation inside bar chart

100%

Aggregation inside line chart

100%

Bar sorted by value

100%

Line sorted by x ascending

100%

No marker_color in bar chart

100%

No color params in line chart

100%

vm.Graph usage

100%

No inline px on raw data

100%

92%

35%

Market Basket Analysis Dashboard

Chart type selection and anti-pattern avoidance

Criteria

Without context

With context

No pie with 10 slices

100%

Correct part-to-whole chart

100%

Line chart for 24-month trend

100%

No 3D chart used

100%

No dual Y-axis

100%

Scatter for correlation

100%

Histogram or box for distribution

100%

Bar sorted by value

100%

Rationale covers rejected alternatives

100%

No color overrides

100%

34%

Operations Performance Dashboard

KPI cards and AG Grid color styling

Criteria

Without context

With context

kpi_card_reference usage

100%

No custom KPI chart

100%

vizro.figures import

100%

reverse_color for cost KPI

100%

Figure model wraps KPI

100%

vizro.themes import for AG Grid

100%

No hardcoded hex in AG Grid

100%

Vizro palette/colors used in cell style

100%

vm.AgGrid or AgGrid component

100%

KPI title in figure args

100%

Repository: mckinsey/vizro
Commit: 27d4055

Evaluated: 21 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Regional Sales Dashboard Market Basket Analysis Dashboard Operations Performance Dashboard

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.