Topic

Animated Power BI visuals without custom visuals

SVG can animate itself, and a measure can decide where every animation ends. These articles show motion along a path, staggered fills and drawing effects, all in native cards and all working in the Power BI Service, with the timings we chose and why.

3 articles

The 44 segments of the Aurum Jet speed gauge laid out in a row, each with its own start time, from begin 0.00s to begin 1.16s

Design techniques24 October 20269 min read

A gauge that fills segment by segment: staggered SVG animations in Power BI

Gauges that fill segment by segment, bars that rise one after another, lists that appear row by row: one DAX pattern gives each SVG element its own start time.AnimationSVG and DAX visuals

A dashed route from PAR to NCE with a gold jet stopped at 60 % of its length, next to the attribute that does it: keyPoints 0;0.600

Design techniques24 October 20269 min read

The jet that stops where the flight is: SVG motion in a Power BI measure

Make a jet fly along its route and stop at the share of the flight already flown, with SVG animateMotion written by a DAX measure, in a native card.AnimationSVG and DAX visualsMaps

The Aurum Jet Dashboard in Light mode and the Flights page in Dark mode, two pages of a Power BI report built with native visuals only

Free reports19 October 202610 min read

Aurum Jet: a free Power BI report with no custom visuals

Download Aurum Jet, a free Power BI report built with an AI agent: Light and Dark mode, native SVG animations, photos that follow the data, zero custom visuals.SVG and DAX visualsAnimationPage design and theming