Embed WebGL

[TienSinh]

I developed a simple 3d canvas using webGL. Is it possible to embed webGL into web-based powerBI visuals? Can anyone give me an example to do this? Thanks. 

[rbrundritt]

I've ran into this issue before. Custom visuals are put into a sandboxed iframe that has WebGL disabled. The only way around this is for the Power BI team to make an exception on their end to allow this visual access to WebGL.

[TienSinh]

Why I comment but nothing show 😕

[KqunKqpar]

i see them the ui is just bad ahah

[TienSinh]

I package my own pbiviz build. I build a WebGL visual from scratch instead of using frameworks e.g. Threejs

[KqunKqpar]

Hey were you able to do it?? Im trying to do the same thing!! 

[Anonymous]

Yes, I did it. It's possible. 

[KqunKqpar · Accepted solution]

You did it from a server or you package your pbiviz with the unity build?

[TienSinh]

I package my own pbiviz build and build my WebGL visual from scratch instead of using framework like Threejs. More question, which one would you want to show in your visual, and the input of your visual is what. 3D mesh?

[TienSinh]

I package my own pbiviz. I used WebGL to build a visual to visualize 3d objects from scratch instead of using framework e.g. Threejs. To be more specific, what's the purpose of your 3D visual?

I mean, you what to show what? what is your input? 3D mesh of objects or so.

[KqunKqpar]

my visual is a unity webgl build. I can run it from a nodejs server with the index.html file generated by unity with the build files. Im not used with powerbi im more a backend dev.  Have issues (i think) with my tsconfig and pbiviz json file config.  So to be short the client want to see the unity 3d model of the building with the data in the dashboard

[Anonymous]

I don't very understand your approach. I developed and built my custom 3D visual locally based on this tutorial Tutorial in Microsoft Docs. I packaged the visual and then imported it into PowerBi by `Import Visual From File`. Finally, I published the dashboard to the web app.

[KqunKqpar]

You test it directly on the desktop app. I test it on the web app with the dev visual. Can do all that is the tuto and more but where have found a tuto for unity 3d model? I saw something for revit with vue.js framework. Have to work with the different CORS of powerBI for now by it s gonna be done soon!! 😄 

[TienSinh]

No, I tested on the web app with developer visual as well. However, I use input data from CSV loaded from local or Bigquery rather than fetching from a server. You know, PowerBi restricts us from fetching outside (CORS policy), so you need to cooperate with PowerBI if you want to fetch data from your backend. My current implementation is that I use data from local CSVs for Bigquery data. I build 3D models based on those data using WebGL from scratch rather than using Unity, Threejs or other frameworks. So I think I can't help you with this.