wiring-vizro-actions
Installation
SKILL.md
Wiring Vizro Actions
Core concept: Source → Control → Target
All advanced interactions follow the same shape:
- A source component triggers
va.set_controlwhen the user clicks it. Practical sources arevm.Graphandvm.AgGrid— they carry click-data (column values from the clicked point/cell) that can drive a dynamic filter. (vm.Figure/vm.Button/vm.Cardtechnically supportset_controltoo, but only with a hardcoded literalvalue, so they are not useful for cross-filtering.) set_controlwrites a value into an intermediate control (vm.Filterorvm.Parameter) with an explicitid.- 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 |