Overview
This is the Multisport Scoreboard is a unique widget that has the capability to be used in different sports.
Implementation
Widget Content
The scoreboard is a component that allows us to visualize the state of the match in real-time, we can obtain information related to:
The scores of each team.
An image representing the team (shield, logo, flags, or alternative image).
A venue where the match is played.
Status of the match (pre-match, live, or post-match/final).
Team names, in case the team name is too large, it will be displayed in a short version.
Additional information, depending on the sport relevant information can be displayed.
In football, for example, penalties are rendered as additional information.
User Interface
The scoreboard is flexible in width and height which means it can adapt to its container desktop, tablet, and mobile.
Minimum size: height: 90px; width: 370px;
Match States
Depending on the match state the widget displays different kinds of elements such as quarterly scores, ball possessions, timeouts, and competitor's records
Components
Name | Image | Description |
---|---|---|
Competitor | Contains the followings elements:
| |
Quartly score | Represents the resume by phases for each competitor | |
Match state | Represents the state of the match with elements as live chip, time clock, current phase and play information | |
Venue | Name of the match venue |
Data Flow
Basic data flow of the widget
Coverage
Multisport Scoreboard can display the score of any event across all sports that Genius Sport has coverage for.
Customization
In order to customize the Multisport Scoreboard Widget, what needs to be done is to override the partialTheme property of the corresponding customer configuration stored in our DynamoDB database.
Exact instructions on how to achieve can be found in this article from http://MUI.com
https://mui.com/material-ui/customization/theme-components/#global-style-overrides
Configuration
These are the available configuration options that can be overridden for each customer in the configuration stored in our DynamoDB database
showTimeouts
Hide/show timeout componentshowRecords
Hide/show records componentshowQuarterlyScore
Hide/show quarterly score componentshowLogo
Hide/show logo componentshowTeamColor
Hide/show team color componentshowVenue
Hide/show venue componentisAwayTeamFirst
used for American competitionsshowRanking
Hide/show ranking component