Hi @Anonymous,
I've just finished producing a course for RADACAD that focuses on the creation process of a custom visual, from understanding the SDK architecture, to building a visual that has a lot of the APIs built in. I put this together mainly due to the fact that there's very little formal material out there and I have a few years (or a couple of thousand hours) of building visuals under my belt and can provide the benefit of some of this experience in a more condensed format than the somewhat wayward approach I had to learn initially.
This focuses more on using D3.js and runs at over 6 hours of content. It does not provide an introduction to HTML, CSS, TypeScript and D3, as these technologies are all incredibly far-reaching and open-ended but does attempt to tie together what gets used so that you should have enough knowledge to know where and how to look for resources when you want to try and work out your own ideas. It's probably worth mentioning that most JS frameworks can be loaded into a visuals project so its not even necessary to use D3 (although it's probably the easiest to find examples for), and this only adds to the complexity of producing a "one size fits all" guide for visuals development.
I'm not sure of any other resources specifically that covers everything you need outside of the documentation and this community, as it's a very niche area and does require a lot of investment, but can be very rewarding if you persevere with it 🙂
You are of course welcome to post questions here on what you're trying to do and we'll do our best to help.
Good luck,
Daniel
