What problem does it solve?
Adding interactive behavior to a Vizro dashboard — making a chart click filter other components, drilling through to a detail page, or exporting filtered data — requires wiring sources, controls, and targets correctly, and small mistakes (missing show_in_url, wrong custom_data, deprecated filter_interaction) silently break the app or raise build-time errors.
Core Features & Use Cases
- Interaction Pattern Selection: A decision flow maps data shape and user needs to five named patterns — Hierarchical Drill-Down, Single-Page Drill-Down, Comparison Spotlight, Multi-Dimensional Slice, and Data Export — with explicit when-to-use and when-not-to-use criteria.
- Source → Control → Target Wiring: Implements
va.set_control actions on vm.Graph and vm.AgGrid sources that write into explicit vm.Filter or vm.Parameter controls, which then update target components.
- Gotcha Prevention: Codifies fixes for common failures such as
custom_data for non-positional columns, show_in_url=True for cross-page filters, hidden highlight Parameters with a "NONE" option, and Flex layouts for back buttons.
- Use Case: A user building a sales dashboard wants clicking a rep row in an AgGrid table to navigate to a filtered detail page with a back button and an export button — the skill provides the complete working code for that drill-through.
Quick Start
Ask the AI to add a cross-filter so that clicking a bar in your Vizro chart filters the table below it.
