Social

Sparkline Card

Pair a live metric with its weekly change and a compact trend line, giving the direction as much weight as the total.

Duration
3s
Frame
640 × 360
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Sparkline Card animation

Sparkline Card fits analytics recaps, livestream dashboards and product walkthroughs. Name the measure precisely, use a consistent reporting period and check that the signed change agrees with the direction shown. The small chart supplies texture, but the label and comparison are what make the number meaningful.

Where it fits

  • In a weekly analytics recap, one card per metric, cut in sequence.
  • On a livestream dashboard, as the live audience figure with its trend.
  • In a product walkthrough, standing in for a real chart on the dashboard.

Filling it in

Name the measure precisely in the label, ACTIVE VIEWERS not just VIEWERS, and write the delta with its sign and its period: +18.4% THIS WEEK. The value is a counter and climbs to what you type. Make sure the sign of the delta agrees with the direction the line appears to move.

Format and timing

Sparkline Card is built at 640 × 360, a 16:9 landscape frame, the shape of a YouTube video, a stream layout and most editing timelines, and runs 3 seconds at 30 frames per second. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.

Who reaches for this

What you can edit

  • Labeltext
  • Valuecounter
  • Deltatext

Questions about Sparkline Card

Is the trend line drawn from my data?

No. The sparkline is a fixed shape that rises, which is why it should only be used for a figure that is going up. For a falling metric, use a card without the line.

Can the value be a currency instead of a count?

Yes. The counter accepts a symbol and a suffix, so $6.3K or 6.3K both count up. Keep the string short so it stays large on the card.

More social animations