wiring-vizro-actions

Installation
SKILL.md

Wiring Vizro Actions

Core concept: Source → Control → Target

All advanced interactions follow the same shape:

  1. A source component triggers va.set_control when the user clicks it. Practical sources are vm.Graph and vm.AgGrid — they carry click-data (column values from the clicked point/cell) that can drive a dynamic filter. (vm.Figure/vm.Button/vm.Card technically support set_control too, but only with a hardcoded literal value, so they are not useful for cross-filtering.)
  2. set_control writes a value into an intermediate control (vm.Filter or vm.Parameter) with an explicit id.
  3. The control updates target components. Filter/Parameter targets are data-bearing components: vm.Graph, vm.AgGrid, vm.Figure, vm.Table.

The control is always explicit — you do not connect components directly. This makes interactions composable (you can wire multiple sources to the same control, or one source to multiple controls).

Built-in actions

Action Purpose Trigger
va.export_data() Download all on-page data as CSV (respects filters) vm.Button
va.set_control(control=..., value=...) Set the value of a Filter or Parameter vm.Graph or vm.AgGrid
Installs
1
Repository
mckinsey/vizro
GitHub Stars
3.8K
First Seen
Jun 19, 2026
wiring-vizro-actions — mckinsey/vizro