Learning material for custom visual.

Hi BrentonC,

Glad to see you're having success! The biggest challenge w/custom visuals (apart from the sheer patience in developing) is the number of possibilities out there in terms of frameworks and design decisions you can take to achieve the same result, so there's no 100% correct answer.

I come from a mixed background and had some experience with D3 prior to learning custom visuals, so I have naturally tended towards that. Some of the Power BI tools provided by the custom visuals team have a D3-leaning as well, but it ultimately comes down to what your visual is needing to do. For instance, I'm looking at building something right now using React and very little reliance on D3.

Anyway... for me the biggest challenge was taking JS code and applying to TS, as TS is (rightly) much stricter with typing. TBH I'm trying to use TS for most projects now where I would have used JS previously as I like it so much.

In terms of custom visual-specific learning, there isn't much, so for me, upskilling has been a matter of using the following as best I can:

• Right here in the Power BI community - although there aren't many of us here answering custom visual questions, there are quite a lot of posts dotted about, and one of the ways I learn is to try and find solutions to others' questions.
• The new MS doc for visuals development (if you haven't seen it) is better than the older stuff but still light on examples. I have made a lot of what's there work though.
• This YouTube playlist uses and older version of the visuals SDK so some work might be required to port code, but it's an incredible resource if you want to see things working.
• A lot of authors open-source their visuals and you can use these to see some of the concepts played out. Here's a post with some of the MS ones. Also feel free to have a look through my GitHub repos for anything you might find handy.

I have a blog that I try to contribute some custom visual-specific content to, but most of the time I put most content on posts in this forum. I'm also currently working on a Power BI visuals development course for RADACAD, which is expected to be out... soon. Probably next month if everything lines up properly.

For general web dev and custom visuals, I've found the following essential:

• TypeScript's reference manual, to understand how the ecosystem hangs together and when to use TS-specifics rather than JS.
• W3Schools for re-educating me about pretty much anything fundamental WRT web development. Also contains some good guides for common frameworks such as Bootstrap and Angular (which you absolutely can use in custom visuals).
• Observable (of which Mike Bostock, creator of D3 has a huge hand in) is great for lots of live examples using popular frameworks, and can be used as a jumping-off point for prototyping and finding loads of great modern D3 examples, including tutorials, if D3 is what you're backing.
• What NPM is and how you should manage your packages. I personally have switched-over to yarn for my bigger projects but was using NPM quite happily for a long time (and still do in some places).
• If you want to get really into things under the hood, you can have a look into webpack, which is the bundling system used to testing and packaging custom visuals. you can then use the webpack plugin to override the defaults and make even more libraries and frameworks available to your visual.
• Google and Stack Overflow 😛 You can find good quality answers to pretty much any web dev-based question I've ever had.

This is all I have off the top of my head and I hope that you might find some use in it. I'd love to know if anyone else has other resources they've learned from too 🙂

Cheers,

Daniel