Betting Entertainment Tools

Widgets Demo

Heatmap

A match.heatmap brings ball positions during the match. Ball position can be displayed either as heat map or chart. Along with heat map it also brings ball statistics displayed as Attacking thirds and Action Areas charts.

For the widget to render you need to provide matchId, other properties are optional.

Parameters
Name Type Attributes Default Description
props object <required>
matchId number <required>

Match ID
disableWidgetHeader boolean false

When set to true, hides widget header.
displayMode string 'grid'

Display mode of heat map. Possbile options: grid, heatmap.
hideHeatmap boolean false

When set to true, hides Heatmap tab.
hideAttackingThirds boolean false

When set to true, hides Attacking Thirds tab.
hideActionAreas boolean false

When set to true, hides Action areas tab.
onTrack function

Function/event handler, see Tracking options
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="match.heatmap"
data-sr-match-id="18428096"></div>
<script type="application/javascript" src="https://widgets.sir.sportradar.com/sportradar/widgetloader" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'match.heatmap', {matchId: 18428096});
</script>
<div id="sr-widget"></div>