This dashboard shows the same network from two analytical perspectives simultaneously.
Both panels start with the same VizSpec but can be configured independently via sidebar controls
to reveal different analytical insights from the same data.
Panel 1 — Department Overview: nodes colored by department, uniform size.
Clusters reveal team structure. The legend is interactive — click to filter.
Panel 2 — Performance & Risk: starts with the same VizSpec but can be customized independently.
Use the sidebar to set color by performance score (green/red diverging) and size by PageRank (structural centrality).
Cross-filter: clicking a node in either panel highlights it in both, simultaneously.
All onaViz() instances share a single Alpine store
(Alpine.store('lab').selection.selectedNode). No glue code required.
Lens activation: filter one department in Panel 1 to activate structural lenses
(bridge, isolation, periphery). These highlight cross-department connectors and silos.
The architecture: two independent x-data="onaViz('dataset_id/viz-id')" components
mounted side by side. Each panel is an autonomous Alpine component that can be configured
independently via sidebar controls.
ONA Visual LabDemo Dashboard
Cross-filter active:
Click a node to cross-filter both panels ·
Click legend to filter by group
← Lab
Department OverviewColor by department · Click legend to filter · Lenses unlock on filter
n ·
e
◈
Structural view of communication patterns.
Clusters = teams. Nodes spanning clusters = bridges — people connecting departments.
Filter one department to activate structural lenses.
Performance & RiskColor = performance · Size = PageRank (centrality)
n ·
e
◈
Risk & leverage view.
Large green nodes = high performer + high centrality → key leverage.
Large red nodes = high centrality + low performance → systemic risk.