Forum Discussion
Network (force-directed) visual using power BI d3 custom visual
Force graph uses standard d3 features for rendering.
You can use the repo to analyze how to build it.
Regarding inputs, you should look at the documentation.
There are several pages that can help you in this:
https://microsoft.github.io/PowerBI-visuals/docs/concepts/capabilities/
https://microsoft.github.io/PowerBI-visuals/docs/concepts/dataviewmappings/
https://microsoft.github.io/PowerBI-visuals/docs/concepts/objects-and-properties/
There is no so big difference where are you use your visual, the conception is the same.
Evgenii Elkin,
Software Engineer
Microsoft Power BI Custom Visuals
[email protected]
Once again thank you for replying and I'm sorry if I'm being painful, but I currently can't use the developer option as I only have Power BI Desktop. I'm in the proccess of getting my company to pay for a subscription to Power BI Pro Service, which would then allow me to use developer functionailty. So unti that happens I'm left with the Power BI D3 visual which I imported from the store front. I have gone through some tutorials on how to implement this visual and as I said I think that the error, although the code doesn't throw any errors, lies with how I have defined my data with the pbi.dsv object. The code works fine outside of Power BI and it appears to me to just be a simple matter seems of tweeking the code I have to enable it to run, but I'm just not sure how to achieve this (I have been trying for a long time on this and was hoping for some fresh ideas).
Maybe I will just have to wait until we pay for the Power BI Pro (Service) and then modify the Force Graph Visual to meet my needs. It might just not be possible to use the Power BI D3 visual to display my code.
Sorry I also should have said, I have gotten my simple data set to work in the Force Graph Visual, but as said I won't be able to use this visual without modifiying the source code to incorpoate the additional capabilites I require and that can't happen until I can use the developer option.
Could you please send your visual to [email protected] ?
I can analyze it and figure out what is wrong.
Evgenii Elkin,
Software Engineer
Microsoft Power BI Custom Visuals
[email protected]Thank you so much for looking at this for me and spending some time on this, I really appeciate it.
The code I'm trying to get to work in the d3 Visual I imported from the Microsoft Store (https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104381354?tab=Overview) is shown in my orignal question. Also included in my orignal question is the dataset I'm using. I simply stored the dataset as a csv file and then sourced it from Power BI. You can just copy paste the source code and dataset from my original post but I will also send it to the email address you provided.
Futhermore, I'm also in the process of now looking at the source code for the Force Graph Visual (as you suggested) as I have basically given up on using the d3 Visual. The overview of the d3 Visual reads like it should be just a simple matter of copying and pasting your d3.js source code into the d3 Visual editor and then changing a few lines and it should all work. I have gotten this to work for simple visuals but something that is a little bit more complicated doesn't seem to work. Or probably more to the point, I don't understand how to get it to work.
Once again your help is greatly appreciated.