MAIDR + Power BI Clustered Column Chart

A simulated Power BI custom visual in chart mode. Tab to the chart and use the arrow keys: Left and Right move between quarters, Up and Down between regions and then the quarter's total. Toggle B for Braille, T for Text, S for Sonification, and R for Review mode.

No Power BI here. A real visual receives its data view from Power BI in update(). This page writes one by hand, in the same shape: a categorical data view with a Quarter category and Sales values grouped by a Region legend field, the way Power BI hands over a clustered column chart. The page then draws its own SVG and calls maidrPowerBI.bindPowerBI(element, { chartType: 'column', chart: svg, onNavigate }), as a visual would in its constructor. Build the bundles first with npm run build.

The visual

What the visual would select

In Power BI, the onNavigate callback builds selection ids from these data points and calls selectionManager.select(), so the other visuals on the page cross-highlight. Here it only outlines the bars and writes down what it would select.

Nothing selected.