Microsoft Power BI: How to build a custom visual for Power BI

Syndicate_Admin · ‎06-11-2019

Learn how to build a custom visual for Power BI from scratch. Our aim is to provide the knowledge and inspiration to start building your own visuals. See a live demo of building a new custom visual from scratch, as we cover the tools, programming languages, and the process. No prior knowledge of coding is required as we explain each step of the demo thoroughly.

Other resources: https://medius.studios.ms/video/asset/PPT/MBAS19-BRK3020

/watch?v=WSGimG8BRYg

/html/assets/mbas_power_bi.svg

BRK3020

Syndicate_Admin · ‎06-13-2019

If anyone would like the source code for the rocket visual created during in the session then it's in the zip file here: https://onedrive.live.com/?authkey=%21AIsS3mZBGn8yyc4&id=22B630B3F47C4C3B%2193778&cid=22B630B3F47C4C...

If you'd just like to the visual itself you should find the .pbviz file in the dist folder.

taffypigtails · ‎10-15-2021

This is awesome! Quick question: it looks like one of the lines used in the visual.ts includes webKitTransition, which has been deprecated at some point after the publication of this video. I believe this affects the rotation of the ships, but honestly I'm so new to this I could be super wrong and my lack of rotation could be related to something else. Any chance anyone can point me in a direction to update that to something that works these days? Thanks!

taffypigtails · ‎10-15-2021

Update: I experimented and came up with a fix!

If anyone needs it, change out

img.style.webKitTransition = "transform 0.5s"

with

img.style.setProperty ("transition", "transform 0.5s");

Thanks for a great guide! I learned a lot. 🙂