Skip to main content
Data & ROI

Live output of the real render engine — edit the settings and it updates instantly.

Hundred-icon array

designed motion cards

A grid of a hundred icons fills to a percentage beside the figure.

Best for: Make a percentage human.

Settings

Font
Theme
Size
Mood

Shapes it passed the frame check in

Hundred-icon array
16:9
Hundred-icon array
9:16
1:1
1:1

What you write

  • title Title (≤60)· required
  • percent How many in every hundred, 0-100; decimals fill part of an icon (≤100)· required
  • sentence Sentence after the big figure (≤90)· required
  • kicker Small line above the title (≤40)
  • icon Shape of each of the hundred icons
  • note Small source line, or empty to hide (≤60)

A code template: free on every plan, no AI credits.

Use it in a film

What you can change:rushie.props.titlerushie.props.percentrushie.props.sentencerushie.props (others)
For developers (MCP and JSON)

This is the exact scene to send to create_animation (MCP): keep the shape, change the words, and write the narration — the voice sets how long the scene lasts. Paste it into update_storyboard with set_data to change a film you already made.

{
  "visual": "rushie",
  "heading": "Icon array",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "icon-array",
      "props": {
        "kicker": "Maker survey 2026",
        "title": "Captions keep people watching",
        "percent": 68,
        "sentence": "of viewers watch a captioned film to the end",
        "icon": "person",
        "note": "Rushie maker survey, 2,140 replies"
      }
    }
  }
}

More Data & ROI animations