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

Microsoft is giving away 50,000 FREE Microsoft Certification exam vouchers. Get Fabric certified for FREE! Learn more

Reply
dpombal
Post Patron
Post Patron

Searching for visualization Soccer heatmap

images.jpg

 

 

I was searching on https://app.powerbi.com/visuals/  without luck , a soccer visualization heatmap which provided with player positions on pitch, create a graph similar to this.

1 ACCEPTED SOLUTION
MawashiKid
Resolver II
Resolver II

Hi,

 

You can have a look at following custom visual samples built by Simon J.K. Pedersen [skjp] available on Github:
There's a pbviz version you can download and check out.


https://github.com/sjkp/heatmap/releases

You can also refer to following page to get info on how to import and use the pbiviz package on:

 

https://sjkppowerbi.azurewebsites.net/heatmap/


The visual pbiviz package version was built with Power BI Visuals CLI v1.2.0 version though
I guess you can manage to easily repackage it using v1.4..0

If everything goes as expected... there should be a BackgroundUrl property which allows you to define a background image 

 

Hope this helps.


 
  

 

View solution in original post

7 REPLIES 7
Anonymous
Not applicable

You could use a Py or R visual (using soccermatic, ggsoccer or another, for example) that would do this job in great way! 

MawashiKid
Resolver II
Resolver II

Hi,

 

You can have a look at following custom visual samples built by Simon J.K. Pedersen [skjp] available on Github:
There's a pbviz version you can download and check out.


https://github.com/sjkp/heatmap/releases

You can also refer to following page to get info on how to import and use the pbiviz package on:

 

https://sjkppowerbi.azurewebsites.net/heatmap/


The visual pbiviz package version was built with Power BI Visuals CLI v1.2.0 version though
I guess you can manage to easily repackage it using v1.4..0

If everything goes as expected... there should be a BackgroundUrl property which allows you to define a background image 

 

Hope this helps.


 
  

 

Hi @MawashiKid thank you for this solution. I have managed to successfully create a heat map using this custom visual. However I have encountered some limitations with regards to the success of displaying the background image based on a URL. It appears that images stored on file sharing platforms such as Dropbox, one drive, Google drive, etc do not work (I have ensured that they are set to being publicly available). 

 

I am definitely no expert on power bi custom visuals, but is there anything within the visual code that would suggest this as being a limitation? And if so, do you believe there is a solution to this by either a) adapting the visual code, or b) finding an alternative method of assigning a URL to an image?

 

Best regards. 

 

Marc

Anonymous
Not applicable

Hi dpombal

Have you tried the Synoptic Desginer, created by sqlbi?

Here is the link:

http://synoptic.design/

 

Greetings, Hp Pfister

 

@AnonymousNo i haven't seen, but how can I use a custom svg on PowerBI ?

Hi @dpombal,

 

You can also find "Synoptic Panel" custom visual on Power BI Visual Gallery here. And the custom SVG files can be used by hovering over the visual and select Change like below.Smiley Happy

 

svg.PNG

 

Regards

Anonymous
Not applicable

There are some informations on http://okviz.com/synoptic-panel/

 

Helpful resources

Announcements
Notebook Gallery Carousel1

NEW! Community Notebooks Gallery

Explore and share Fabric Notebooks to boost Power BI insights in the new community notebooks gallery.

April2025 Carousel

Fabric Community Update - April 2025

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

Top Solution Authors