Betting Entertainment Tools

Widgets Demo

Heat Map

A match.basketball.heatmap brings two-dimensional representation of data (shot distribution, scoring) in which values are represented by colors.

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.
disableMatchHeader boolean false

When set to true, hides match header.
disableScoreboard boolean false

When set to true, hides scoreboard.
onTrack function

Function/event handler, see Tracking options.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="match.basketball.heatmap" data-sr-match-id="14586050"></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.basketball.heatmap', {matchId: 14586050});
</script>
<div id="sr-widget"></div>