How to Make Animated Sports Score and Stat Graphics

Which sports score graphics to make

TV sports graphics feel fast and confident because they follow strict rules: big numbers, few words, hard motion and loud colour. Copy those rules and your page looks like a network, even with no footage at all. Most game day posts fall into one of five formats. Build each once, save the prompt, and swap the numbers every week.

• Final score card. Team names, the score and one line of context such as "Overtime" or "Series tied 2 to 2". The post that goes up first, usually 8 to 12 seconds.
• Player stat line. A name, a silhouette or a photo you have rights to, then points, rebounds and assists counting up one by one. Save the headline stat for last.
• Head to head bars. Two players or teams, one bar per stat, each bar growing to its value. Four or five stats is the limit on a phone.
• Standings table. Rows slide in by rank, and the team that moved gets an up arrow and the accent colour. Show the top 6 to 8, not the full league.
• Record watch. A big counter climbing to a career total, with the record line marked. Works well the day before a milestone game.

If you also clip interviews, press conferences or your own commentary, these cards slot in between the clips. The wider workflow for a sports page is covered in our guide for sports and football pages.

Score graphic specs and timing

Broadcast motion is quick, but a phone viewer still needs time to read. These are the numbers to start from. Treat them as typical defaults and adjust once you watch the result on a phone.

A score graphic prompt to paste into Otto

Quick score graphic prompts

Adapted from the way Videotto users brief Otto for sports and stat content. Replace the brackets with your game and keep the restrictions line.

• "Head to head bars for these two players: points, assists, steals."
• "Standings table, rows slide in by rank, the team that moved up glows."
• "A big counter climbing to his career total, mark the record line."
• "Same card as last week, new numbers."
• "Add an AI voice that reads the final score like a commentator."

Make a 9:16 vertical final score graphic, 12 seconds, all motion graphics, no footage.
GAME: [Team A] [score] vs [Team B] [score]. Context line: [for example "Overtime, Game 5"].
TOP PLAYER: [name], [points] PTS, [rebounds] REB, [assists] AST.
STYLE: dark #0B0F19 base, Team A in [colour], Team B in [colour], gold #F5B700 for the winner. Condensed bold all caps type, big tabular numbers. Team names only, no official logos.
SEQUENCE:
0 to 1 s: two team panels slice in from opposite sides on an angle.
1 to 3 s: both scores count up from zero, the winning score lands last with a heavy hit.
3 to 5 s: context line wipes in under the score, light sweep across the card.
5 to 10 s: player stat line, each stat counts up one by one, the points stat last.
10 to 12 s: hold the final card.
SOUND: whoosh on each panel, hit on each final number, low crowd ambience.
RESTRICTIONS: keep every number exactly as given, made to work with the sound off.

How to make sports score graphics in 5 steps

1. Get the numbers from the box score. Copy the result and stats from an official league or club source as a small table. This step decides whether the post is trusted.
2. Pick the graphic. Score card, stat line, head to head, standings or record watch. One per video for shorts, or chain three for a recap.
3. Set the team colours and type. Name the colours or give hex codes. Use team names and colours, not official logos, unless you have the rights to them.
4. Ask for the reveal order. Biggest moment last. For a stat line, count up the smaller numbers first and save the headline stat.
5. Check, add sound and export. Pause on every final number and compare it to the box score. Then add whooshes and hits and export at 1080x1920.

Building the same card by hand in After Effects usually means keyframing each panel, writing a number counter and timing the sound hits: often an hour or two the first time, then 15 to 30 minutes per game with a template. Canva and CapCut templates are quicker but harder to make count up to your exact numbers. With a saved prompt, a new card is mostly the time it takes to paste and check the stats.

Example: a 12 second final score card

This is an illustration with placeholder teams, not a real game. It shows how the input becomes beats on screen.

Input: Harbor City 104, Northside 99, overtime, Game 5. Top player: J. Reyes, 38 PTS, 11 REB, 7 AST. Harbor City in teal, Northside in red.

Prompt change: the prompt above with those values pasted in, plus "put the context line in gold".

Result, beat by beat:

• 0.0 to 0.8 s: teal panel slices in from the left, red from the right, a whoosh on each.
• 0.8 to 3.0 s: 99 counts up first and lands with a light hit, then 104 lands with a heavy hit and the teal panel brightens.
• 3.0 to 5.0 s: "OVERTIME, GAME 5" wipes in under the score in gold.
• 5.0 to 10.0 s: Reyes stat line slides up, 7 AST, then 11 REB, then 38 PTS counting up last.
• 10.0 to 12.0 s: the full card holds for screenshots.

Before posting, pause at 2.9 s, 4.9 s and 11 s and read every number against the box score. That check takes under a minute and is the one step you should never skip.

Sports score graphic problems and fixes

Most weak score graphics fail for the same handful of reasons. Here is what goes wrong and how to brief around it.

FAQ