What problem does it solve?
This skill prevents confusion when the same data appears in a table and a visual representation by keeping selections, highlights, colors, and navigation synchronized across both views.
Core Features & Use Cases
- Shared Selection State: Ensure clicks and persistent selections in either view update the corresponding item in the other view.
- Coordinated Interaction: Synchronize hover states, scroll the table to visually selected items, and distinguish transient highlights from persistent selections.
- Responsive Layouts: Choose table-primary, visual-primary, or equal-weight layouts, with a single-view toggle for mobile screens.
- Use Case: Design an analytics dashboard where clicking an order in a table highlights its location on a map, while clicking a map marker selects and scrolls to the matching order row.
Quick Start
Use the coordinated data views skill to design a synchronized table-and-map interface with shared selection state, consistent category colors, responsive behavior, and a review checklist.