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

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

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

 

 

Hi, 

 

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

 

Regards,

Abrata

Thanks Abrata @ADAV 
Which version did you you install?

yes its working now

I used following version

npm i three@0.112.1

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
Feb2025 Sticker Challenge

Join our Community Sticker Challenge 2025

If you love stickers, then you will definitely want to check out our Community Sticker Challenge!

Jan NL Carousel

Fabric Community Update - January 2025

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