Is there a working example of a custom visual that uses plotly.js?

[mikorym]

Hi all,

Are there any code repo's that have a working example of a Power BI custom visual that uses the plotly.js library?

Ideally, the code should be minimal and should call plotly.js's plot() function instead of manual construction using D3. (In any case, plotly.js is built on D3.) An example of a plotly.js chart is here [1].

I could find this [2] example, but it is outdated and I could not get it to work.

Note that I am not referring to the R plotly library (which I can get to work correctly for an R custom visual). Instead, I would like to use plotly.js in a typescript custom visual. I can get the pbiviz to compile and export the visual, but when I import it into Power BI, it displays only a blank tile. The only error message that I could manage to produce is (using pbiviz start and Power BI Service):

SCRIPT5009: SCRIPT5009: 'module' is not defined

However, I am not even sure whether this message is related to Plotly.

Any hints would be appreciated.

[1] https://plot.ly/javascript/box-plots/

[2] https://github.com/zzeekk/powerbi-plotlyscatterchart

[v-chuncz-msft]

@mikorym,

Take a look at the post below.

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

[mikorym]

Hi @v-chuncz-msft,

Do you suggest to create a .js file in the src with the following line?

var plotly = window.plotly || window.window.plotly;