MAIDR + Power BI Line Chart (companion mode)

A simulated report page with two visuals bound to the same fields: a native line chart for sighted readers, and a small MAIDR custom visual beside it that draws nothing but a keyboard entry point. Tab to the MAIDR visual, then use the arrow keys: Left and Right move along a line, Up and Down switch between the two lines.

Why two visuals? A Power BI custom visual runs in its own sandboxed iframe, apart from the report page where native visuals render, so it can never read a native visual's drawing or data. The companion is bound to the same Month, Visits and Sign-ups fields instead, so it reads the numbers the native chart draws. Its onNavigate would call selectionManager.select(), and Power BI would cross-highlight the native chart. This page fakes that step by highlighting the "native" chart's point directly, which a real visual cannot do. Build the bundles first with npm run build.

The report page

Native line chart (not MAIDR)

MAIDR custom visual (companion mode)