Orqestria Download
← Zurück zu Entwickler interner Systeme

Skill · Version 1.0.0

Verknüpfte Ansichten und Details

Hält Auswahl und Filter zwischen Visualisierungen konsistent und bewahrt Kennzahlenbedeutung sowie Navigationskontext.

linked-views-drill-down

Teammitglieder mit diesem Skill

Entdecke, wie der Skill hilft

Wann ist der Skill hilfreich?

Nutze dies für gegenseitige Diagrammfilterung ohne kreisende Aktualisierungen.

Wobei hilft er dir?

  • Speichert gemeinsame Filter und Auswahl in einem maßgeblichen Zustand.
  • Verhindert wiederholtes gegenseitiges Auslösen von Diagrammereignissen.
  • Erhält Umfang, Einheiten und einen klaren Rückweg aus Details.

Das könntest du fragen

Verbinde regionalen Umsatz mit einer Bestelltabelle und erhalte Filter beim Zurückkehren aus einer Bestellung. Filtere eine Region, öffne einen Auftrag und gehe zurück. Derselbe Umfang, dieselbe Auswahl und abgestimmte Summe erscheinen erneut, ohne Ereignisschleifen.

Ausführliche Dokumentation

Hier findest du die ursprüngliche Anleitung, Beispiele und Prüfschritte des Skills in ihrer Originalsprache.

Details…Weniger anzeigen

Linked Views & Drill-Down

Use this skill when connecting multiple charts, KPI cards, and detail tables so brushing, clicking, or hovering in one view updates or highlights related views coherently.

Coordinated Multi-View State Architecture

  1. Single Source of Truth for Shared Selection & Filter State:
    • Maintain shared filter and selection dimensions (timeRange, granularity, selectedCategories, hoveredTimestamp, drillPath) in a unified dashboard state store (and sync bookmarkable filters to URL query parameters).
    • Separate transient highlight state (crosshair timestamp or hovered category, throttled via requestAnimationFrame) from committed filter state (brush release or category click, which triggers data queries or table filtering).
  2. Prevent Circular Update Loops:
    • When Chart A's brush updates the global timeRange and Chart B reflects that range, guard programmatic brush/zoom synchronization so Chart B does not re-emit a change event that triggers an infinite feedback loop.

Preserving Context & Metric Meaning Across Linked Views

  • Highlight-in-Context vs. Hard Subset Filtering:
    • When clicking a category segment in one chart, make it clear whether linked charts are filtered to that subset only or highlighting that subset against the total population (e.g., muted background bars for total + highlighted foreground bars for the selected segment).
  • Keep Denominators and Comparison Bases Honest:
    • When a drill-down narrows the view from "All Regions" to "Region = EMEA", update titles, subtitles, and percentage denominators explicitly so the user never mistakes a share-of-subplot (% of EMEA) for share-of-total (% of Global).
  • Clear Drill-Down Breadcrumbs & Escape Paths:
    • For hierarchical drill-downs (Year -> Quarter -> Month -> Day or Company -> Department -> Team -> Rep), render an interactive breadcrumb trail (All > EMEA > Enterprise) and a clear "Back / Reset" action.

Checklist

  • Do all linked charts, KPI cards, and tables derive from a single synchronized filter/selection state?
  • Are high-frequency hover/crosshair updates separated from committed filter changes so queries do not fire on hover?
  • Do titles, breadcrumbs, and percentage denominators clearly state whether a view shows the total population or a drilled-down subset?
  • Can the user step back up a drill-down hierarchy or clear a brush selection in one click or keypress?

Enthaltene Dateien 1

  • SKILL.md