Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Be one of the first to start using Fabric Databases. View on-demand sessions with database experts and the Microsoft product team to learn just how easy it is to get started. Watch now

Reply
NicolaeGP
Frequent Visitor

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??

1 ACCEPTED SOLUTION
JasonDunbar
Resolver I
Resolver I

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...?

____________________________________________________
My other computer is an Azure data centre.

View solution in original post

17 REPLIES 17
Asutosh
Microsoft Employee
Microsoft Employee

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.

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=nDXm14lSfso

 

That'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 Smiley Wink.]

 

 

You can also follow the official tutorial on GitHub.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

The Official tutorial shows how to set up a project, not how to develop, it's missing some steps.

 

The official tutorial describes how to use Power BI Custom Visuals API. Documentaion does not desribe specific dev steps as developers can use lots of different frameworks such as d3, React, Three.js, etc.

It's impossible to cover all of aspects.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

It is however possible to explain the abstracts with the use of an example (d3).

 

https://www.youtube.com/watch?v=wzi-fCcir-c This video does a great job, and imo it has the steps that's missing from your documentation to explain the red line.

They have a small tutorial on GitHub: https://github.com/Microsoft/PowerBI-visuals-docs

rohitchaudhary1
New Member

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?

JasonDunbar
Resolver I
Resolver I

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...?

____________________________________________________
My other computer is an Azure data centre.

The video you have mentioned is no more available 

I have managed to understand how to work with visuals by watching the video you posted. Many thanks.

"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.

____________________________________________________
My other computer is an Azure data centre.

Both links appear to be down.  Is there another link?  My GoogleFu turned up nothing!

I searched for three words on YouTube: Sachin; Power BI and Visual - https://www.youtube.com/watch?v=_thcxwFmH9A

____________________________________________________
My other computer is an Azure data centre.

Is there another link?  Both links in the replies are not active.

Helpful resources

Announcements
Las Vegas 2025

Join us at the Microsoft Fabric Community Conference

March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!

November Carousel

Fabric Community Update - November 2024

Find out what's new and trending in the Fabric Community.

Dec Fabric Community Survey

We want your feedback!

Your insights matter. That’s why we created a quick survey to learn about your experience finding answers to technical questions.

Top Solution Authors