Microsoft Power BI: How to build a custom visual for Power BI 06-11-2019 02:59 AM - last edited 05-11-2021 00:51 AM

[Syndicate_Admin]

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

[jamesdales]

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.

[Syndicate_Admin]

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! 

[Syndicate_Admin]

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. 🙂