cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
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??

17 REPLIES 17
Highlighted

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

Highlighted

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

 

Highlighted

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

 

 

Highlighted

You can also follow the official tutorial on GitHub.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Highlighted

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

 

Highlighted

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

Highlighted

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.

Highlighted

The video you have mentioned is no more available 

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Community Conference

Microsoft Power Platform Communities

Check out the Winners!

secondImage

Create an end-to-end data and analytics solution

Learn how Power BI works with the latest Azure data and analytics innovations at the digital event with Microsoft CEO Satya Nadella.

Top Solution Authors
Top Kudoed Authors