circle card tutorial

[Anonymous]

I was able to successfully create the circle card from the Microsoft tutorial but then it stopped working for some reason. I tried several times to go thru the tutorial again and recreate it and it just won't work. Is the documentation outdated? Can anybody help me understand which parts needs to be tweaked to get it to work? Please advise. https://docs.microsoft.com/en-us/power-bi/developer/custom-visual-develop-tutorial

[dm-p · Accepted solution]

Hi @Anonymous,

Yes the documentation is very out of date for the latest SDK, unfortunately 😞

You can make this work though - before you create the visual, you'll need to make sure the SDK is "downgraded" to work with the version in the tutorial. In this section, modify step 2 as from:

npm i -g powerbi-visuals-tools

to:

npm i -g powerbi-visuals-tools@2.5

You should then be able to continue the tutorial as normal.

Note that the latest SDK changes a lot of how visuals are built (which is the error you're probably seeing - there have been quite a few posts on this subject recently... hopefully MS will update the doc soon...), but the code concepts are pretty much the same, even though you're using an older version.

Good luck!

Daniel

[Anonymous]

It looks like the tutorial but when I test it online it says it can't connect to the visual server.  Is there a fix for this too?

[Anonymous]

sorry I had to create a brand new certificate to get it to work.  It's all good now.  It's crazy that the tutorial on the website would steer you so wrong!  thanks for the help!

[dm-p]

No probs! In fairness, the tutorial was correct... once 😉

But yes, I forgot to mention that a certificate regeneration is required - sorry about that. This needs to happen any time you update the tools BTW.