Forum Discussion
How to create a custom visualization in visual studio?
Hey,
I've been struggling, for a couple of days now, to understand the architecture behind the custom visualization project available on github. I've looked for turorials on how to create custom visualizations but could only find the one Sachin Patney created in the Dev Tool.
I know I have to create a testVisualization.ts in visuals folder and a testVisualization.capabilities.ts in capabilties folder but what should I do next in order to play with my visualization in the playground?
Can someone create a tutorial on how to create fx. a table visualization in visual studio, add it to the playground and perhaps also export it in .pbiviz file??
Hi Nicolae,
Sachin has created a nice tutorial on getting started and this is available on Youtube - https://www.youtube.com/watch?v=-gtxy5vJ6MI
The documentation is rapidly evolving at the moment and you can be forgiven for not immediately finding what you need in order to progress - I think there's also some assumed knowledge in certain areas, but stick with it, you'll get there.
Oh, just seen as I've been writing this that you posted around 3 weeks ago. How are you getting on now...?
17 Replies
Hi Nicolae,
Sachin has created a nice tutorial on getting started and this is available on Youtube - https://www.youtube.com/watch?v=-gtxy5vJ6MI
The documentation is rapidly evolving at the moment and you can be forgiven for not immediately finding what you need in order to progress - I think there's also some assumed knowledge in certain areas, but stick with it, you'll get there.
Oh, just seen as I've been writing this that you posted around 3 weeks ago. How are you getting on now...?
"This video has been removed by the user." :(
But I found this one: https://www.youtube.com/watch?v=Aa2YLRW5CKo also by Sachin
Aha, sorry, the link was active at the time of posting :-)
Thanks for posting a more up to date link.
I have managed to understand how to work with visuals by watching the video you posted. Many thanks.
The video you have mentioned is no more available
I want to create a custom visual same like Gauge chart provided by power BI. I just need an provison to select color of Gaugle line to be set dynamically by user. Is that possible to create such visual just like bar chart in powerbi where user can change colors of each bar?
Hi,
The developer tools have been decrepated and they are using Power BI visuals CLI tool. Can anyone provide ant tutorial links on how to create custom visuals using this tool.
They have a small tutorial on GitHub: https://github.com/Microsoft/PowerBI-visuals-docs
i have find the following link that show creating Visuals using powerbi app. not VS
PBI is light weight comparing with VS i believe
https://www.youtube.com/watch?v=uL9EkdagEPU
RE: i have find the following link that show creating Visuals using powerbi app. not VS
PBI is light weight comparing with VS i believe
Hi,
Content of the video is deprecated so I wouldn't waste too much time on this one.
To be honnest with you. there aren't too many released tutorials and videos on how to create Power BI Visuals at this stage. You also have to be careful as a lot still deal with deprecated content, as the one you mentioned.
Though you can stll have a look at Ted Pattison video:Developing Custom Visuals for PowerBI
https://www.youtube.com/watch?v=nDXm14lSfsoThat's over an hour though you'll find a segment explaining the basics of creating Power PB Visuals
with Visual Studio Code and Power BI Visuals CLI tool. Ted has also provided a Github link at the end of the video in credits giving you access to source code used in his presentation.I'd say it's a good basic. If you're already comfortable with TypeScript and have worked
with visualisation libraries like d3.js, then you can still have a look at what's done
on Github [just enter PowerBI Visuals in search box :smileywink:.]
