Visual Threejs WebGLrenderer

[ADAV]

Hello,

I am trying to create an custom visual using Threejs. When I create a renderer " const renderer = new THREE.WebGLRenderer" nothing happens : no error. My script works just fine in a HTML page. Did someone already try to use Threejs for a visual ?

[Zubair_Muhammad]

@ADAV @v-rzhou-msft 

I face the same problem. THREE.WebGLRenderer doesn't work

It works in Codepen and elsewhere

[ADAV]

Hi, 

I tried with an older version of ThreeJs and it works. 

Regards,

Abrata

[Zubair_Muhammad]

Thanks Abrata @ADAV 
Which version did you you install?

[Zubair_Muhammad]

yes its working now

I used following version

npm i three@0.112.1

[ADAV]

I used this one :

npm i three@0.124.0

Regards

Abrata

[v-rzhou-msft]

Hi @ADAV 

To build a customer visual by Three.js, you may need to download Node.JS, Power BI Visual Studio, Power BI Customer Tools(pbiviz) and so on. Please check whether you have configured them correctly.

You may refer to blogs and videos as below.

Video: Developing Custom Visuals using Version 3 of the Power BI Developer Tools

Sample code in the video: https://github.com/CriticalPathTraining/CustomVisuals

Blog: https://www.welcomedeveloper.com/building-power-bi-custom-visuals-with-react-and-d-3-js-pt-one

https://community.powerbi.com/t5/Developer/Include-vis-js-in-custom-visual-causes-error/td-p/340881

Best Regards,

Rico Zhou

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.