Forum Discussion

dpombal's avatar
dpombal
Post Partisan
9 years ago
Solved

Searching for visualization Soccer heatmap

 

 

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.

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


     
      

     

7 Replies

  • Anonymous's avatar
    Anonymous
    Not applicable

    Hi dpombal

    Have you tried the Synoptic Desginer, created by sqlbi?

    Here is the link:

    http://synoptic.design/

     

    Greetings, Hp Pfister

     

    • dpombal's avatar
      dpombal
      Post Partisan

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

      • v-ljerr-msft's avatar
        v-ljerr-msft
        Microsoft Employee

        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.:smileyhappy:

         

         

        Regards

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


     
      

     

    • mkins's avatar
      mkins
      Helper I

      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's avatar
    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!