Custom flow map Visual with a Watermarked Canvas section

[majidsaeed]

Hi all, I am just a beginner and it's been about a month of experimenting with PBI so thought of tinkering with a custom visual for a fun learning project, if anyone else is interested 🙂

 

I am interested in the actual 'flow lines' aspect of the routes in the visual (from origin to destination), however you can only view the map of China (& it's territories) - with the rest of the World Map "blocked ".

is there someone else who has worked on the same visual? is there a complete version available for the entire globe?

Any MVP guru help would be certainly appreciated since I don't come from code either; so just giving this a shot!

thanks again for any contributions!

[IoannisPhilip · Accepted solution]

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

If that was helpful, I would be glad to mark the answer as a solution.

Cheers,
Ioannis
LinkedIn

[majidsaeed]

Hey Daniel ! @dm-p 

could you give out any advice on how to start about with this ?!

Thank you !

[dm-p]

As this is @IoannisPhilip's repo, I'd suggest asking them for direct support with it, and probably in a new thread, as this one has been marked as solved. Off the top of my head, it looks like it needs at least a package.json so that the dependencies can be installed before you run pbiviz start.

[majidsaeed]

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!

[IoannisPhilip]

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

[v-ssriganesh]

Hi @majidsaeed ,
Thank you for posting your query. 

Please note that we do not encourage or support modifying, reverse-engineering, or "hacking" custom visuals developed by other authors. Custom visuals published to AppSource or shared by third parties are the intellectual property of their respective creators, and any unauthorized modification may violate their licensing terms or intellectual property rights.

If you are experiencing issues or have enhancement suggestions, we recommend:

• Reaching out directly to the visual’s publisher.
• Exploring alternative visuals that meet your needs from the certified AppSource gallery.
• Developing a custom visual tailored to your specific requirements using the Power BI Custom Visuals SDK.
  
  

We appreciate your understanding and adherence to best practices when working with community and third-party contributions.

 
I trust this information proves useful. If it does, kindly “Accept as solution” and give it a'Kudos' to help others locate it easily.
Thank you.

[majidsaeed]

hello @v-ssriganesh !

I appreciate you pointing that out, and keeping in view your response to the subject perhaps I shall close out this topic then. 

Thank you for your support!

[v-ssriganesh]

Hello @majidsaeed,
Thank you for posting your query in the Microsoft Fabric community forum. We will now be closing this thread. If you have any further concerns or queries, please feel free to reach out to us. We are happy to assist you.

Thank you for your contribution.