Microsoft Fabric Community Conference 2025, March 31 - April 2, Las Vegas, Nevada. Use code MSCUST for a $150 discount.
Register nowThe Power BI DataViz World Championships are on! With four chances to enter, you could win a spot in the LIVE Grand Finale in Las Vegas. Show off your skills.
06-11-2019 02:59 AM - last edited 05-11-2021 00:51 AM
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
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.
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!
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. 🙂