Election results card

Election night results: each race with its candidates ranked by votes, the share, the votes and the percent reporting, and whether it is called or who is leading.

Category: Public information. Tags: Scoreboards, Leaderboards and standings, News and announcements, Events and venues.

Previews

Election results
Canvas
Election results
Corner
Election results
Chip

Views and forms

Views: canvas, corner, chip. Canvas forms: landscape, portrait, square, strip.

Card views, themes and publishing. Browse the gallery.

Data and privacy

Feed: screenrig.election/v1.

Feed documents carry source attribution. The Player supplies the feed to the card.

Properties

For theme, background, accent and position, see Common properties.

Set static properties in params. Bind data to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in params. Nested rows describe the contents of their parent property.

Static properties

NameTypeDefaultValues and limitsDescription
titlestring"Results"maxLength: 40
layoutstring"grid""grid", "spotlight"Several races at once, or one race at a time with every candidate.
perPageinteger4minimum: 1; maximum: 8Races on a page (grid layout); further races take the next page.
pageSecondsinteger12minimum: 5; maximum: 60How long each page, or each race in the spotlight, stays on screen.
maxCandidatesinteger4minimum: 2; maximum: 8Candidates listed in a race; the rest share one Others line.
showVotesbooleantrueShow vote counts beside the shares.
showPartybooleantrueShow each candidate's party as text.
staleMinutesinteger30minimum: 1; maximum: 1440
hour12booleanfalse

Dynamic properties

NameTypeDefaultValues and limitsDescription
electionNamestring""maxLength: 80The election, for example General Election 2026, when the feed carries none.
racesarray[]minItems: 0; maxItems: 40The races. A feed (screenrig.election/v1) wins when present; the data store supplies the same rows otherwise.
races[].idstringmaxLength: 40
races[].titlestringminLength: 1; maxLength: 80; RequiredThe contest, for example Mayor.
races[].jurisdictionstringmaxLength: 60Where, for example City of Fairview.
races[].reportingPctnumberminimum: 0; maximum: 100Percent of precincts reporting.
races[].precinctsobjectadditionalProperties: false
races[].precincts.reportingnumberminimum: 0
races[].precincts.totalnumberminimum: 0
races[].statusstring"open", "called", "recount", "runoff", "unopposed"Called when the race has been called; a candidate with winner true calls it as well.
races[].calledAtstringmaxLength: 32When the race was called, ISO 8601.
races[].featuredbooleanLead the corner and chip with this race.
races[].candidatesarrayminItems: 0; maxItems: 40; Required
races[].candidates[].namestringmaxLength: 60; Required
races[].candidates[].partystringmaxLength: 24Shown as text; no colour comes from it.
races[].candidates[].votesnumberminimum: 0
races[].candidates[].pctnumberminimum: 0; maximum: 100Share of the vote; worked out from votes when absent.
races[].candidates[].winnerboolean
races[].candidates[].incumbentboolean
updatedstring""maxLength: 32When the results were last updated, ISO 8601 (data store only; a feed carries fetchedAt).

Canvas example

Add this item to a playlist page’s primitives. Publish the playlist and assign a screen.

{
  "id": "election-results",
  "primitive": "card",
  "card": "election-results",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill",
  "data": "election-results-main"
}

Write live data

Create this document before showing the card, then replace it to update the screen without republishing. Use the same project as the playlist. Supply your API authorization through the environment; see API authentication.

curl --request PUT "https://api.screenrig.ai/api/card-data/election-results-main" \
  --header "Authorization: Bearer $SCREENRIG_TOKEN" \
  --header "ScreenRig-Project: $SCREENRIG_PROJECT" \
  --header "Content-Type: application/json" \
  --data '{"document":{"electionName":"","races":[],"updated":""}}'