Forum Discussion
Custom flow map Visual with a Watermarked Canvas section
- 1 year ago
Hi majidsaeed ,
as v-ssriganesh you should rather try to create your own custom visual. To help you out I started with it, but you should continue customization based on your needs. Here is the repo I keep all the files: https://github.com/IoannisPhilippides/custommapvisual
and here you can find all the material from my presentation on the topic. Inside the PPT you can find more links: https://github.com/IoannisPhilippides/legoDATAVIZ
And here is my upcoming talk on the topic, in case you are interested: https://sqlbits.com/attend/the-agenda-2025/thursday/#Building_Custom_Power_BI_Visuals_LEGO_Bricks_for_Your_Data_World
If that was helpful, I would be glad to mark the answer as a solution.
Cheers,
Ioannis
LinkedIn
UPDATE! IoannisPhilip
I am not able to get "pbiviz start" or "pbiviz package" it - using the files you have passed in the git repo. I am guessing they are incomplete, could you please advise how i should go about working on this ? sorry I am new at this.
*************
hey IoannisPhilip, thanks for your effort! although the .pbix didn't open for me, it says Power BI requires a newer version which is odd, I never faced that error.
Nonetheless, I can definitely look forward to your talk !
thank you!
Hey majidsaeed ,
you cannot immediately start with the "pbiviz start" command. I was including the files with the essential code only; the rest is a PBIVIZ package that, as soon as you run it, will automatically install a local folder framework. Part of those files and folders, are the files I include in repo. The code from in there you copy-paste in your equivalent local files and that should be enough. (e.g., capabilities.json, visual.ts). Here is an official tutorial, which it will quickly give you the idea: https://learn.microsoft.com/en-us/power-bi/developer/visuals/develop-circle-card
Common mistakes to avoid:
- at the CMD, you should be in the path of the folder of your project. Hit "cd" leave a space and then give the local folder path you want to go into
- set your pbi file in developer mode, more instructions in the tutorial
- when you have already published your pbix file, the first time your visual will be blocked. Open another tab at your browser and paste the following: https://localhost:8080/
Best of luck,
Ioannis