Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Get certified in Microsoft Fabric—for free! For a limited time, the Microsoft Fabric Community team will be offering free DP-600 exam vouchers. Prepare now

Reply
ADAV
Regular Visitor

Visual Threejs WebGLrenderer

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 ?

6 REPLIES 6
Zubair_Muhammad
Community Champion
Community Champion

@ADAV @v-rzhou-msft 

 

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

It works in Codepen and elsewhere

 

 


Regards
Zubair

Please try my custom visuals

Hi, 

 

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

 

Regards,

Abrata

Thanks Abrata @ADAV 
Which version did you you install?


Regards
Zubair

Please try my custom visuals

yes its working now

I used following version

npm i three@0.112.1


Regards
Zubair

Please try my custom visuals

I used this one :

npm i three@0.124.0

 

Regards

Abrata

v-rzhou-msft
Community Support
Community Support

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. 

 

 

 

Helpful resources

Announcements
OCT PBI Update Carousel

Power BI Monthly Update - October 2024

Check out the October 2024 Power BI update to learn about new features.

September Hackathon Carousel

Microsoft Fabric & AI Learning Hackathon

Learn from experts, get hands-on experience, and win awesome prizes.

October NL Carousel

Fabric Community Update - October 2024

Find out what's new and trending in the Fabric Community.