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

The Power BI DataViz World Championships are on! With four chances to enter, you could win a spot in the LIVE Grand Finale in Las Vegas. Show off your skills.

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
daanmot
Frequent Visitor

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
Feb2025 Sticker Challenge

Join our Community Sticker Challenge 2025

If you love stickers, then you will definitely want to check out our Community Sticker Challenge!