Data viz / reports

Monthly Report Video

Navy + cyan KPI recap: hero video, iterate metrics[] cards with bar charts, delta chips, toggleable disclaimer.

Type: Video
Format: 1920×1080
Orientation: Landscape
Duration: 21.05s
Scenes: 6
Render cost: $0.00526 / render

VariablesData-driven repeatConditional scenesvideo

Free template · opens in the editor, no account required.

Customize Monthly Report Video

Monthly Report Video is a ready-to-render Data viz / reports video design formatted for 1920×1080 with 6 scenes and support for variables, data-driven repeat, conditional scenes, video. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

12 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

companyNameText

Northwind Analytics

reportKickerText

MONTHLY BUSINESS REVIEW

periodText

June 2026

headlineText

The month in numbers.

summaryLineText

Revenue and retention both hit record highs — here are the metrics that mattered.

closingTitleText

On track for the quarter.

closingLineText

Every north-star metric is trending up. Full breakdown in the shared workspace.

disclaimerText

Figures are unaudited internal estimates as of month-end.

showDisclaimerToggle

on

heroVideoMedia URL

14485841_1920_1080_25fps.mp4

musicUrlMedia URL

audio_56ae1dae5f.mp3

metricsList · 4

labelTOTAL REVENUE

value$1.42M

delta▲ 18.4% MoM

noteBest single month on record

labelACTIVE ACCOUNTS

value9,318

delta▲ 6.1% MoM

noteNet-new outpaced churn 4:1

labelNET REVENUE RETENTION

value118%

delta▲ from 111%

noteExpansion led by enterprise tier

labelAVG. DEAL SIZE

value$8,940

delta▲ 9.7% MoM

noteUpmarket motion is compounding

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗

{
  "name": "dataviz-monthly-report",
  "resolution": "full-hd",
  "frameRate": 30,
  "backgroundColor": "#0B1220",
  "outputFormat": "mp4",
  "scenes": [
    {
      "id": "intro",
      "duration": 4.4,
      "backgroundColor": "#0B1220",
      "transition": "smoothleft",
      "transitionId": "metric",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{heroVideo}}",
          "width": 1920,
          "height": 1080,
          "position": "center-center",
          "resize": "cover",
          "exitEnd": 4.4,
          "volume": 0
        },
        {
          "type": "SVG",
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='mrIntro' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='#0B1220' stop-opacity='0.96'/><stop offset='0.5' stop-color='#0B1220' stop-opacity='0.7'/><stop offset='1' stop-color='#0B1220' stop-opacity='0.32'/></linearGradient></defs><rect width='1920' height='1080' fill='url(#mrIntro)'/><rect x='110' y='150' width='1700' height='780' rx='34' fill='none' stroke='rgba(56,225,255,0.18)' stroke-width='1.5'/><path d='M130 690 H360' stroke='#38E1FF' stroke-width='6' stroke-linecap='round'/></svg>",
          "width": 1920,
          "height": 1080,
          "track": 1,
          "exitEnd": 4.4
        },
        {
          "type": "TEXT",
          "html": "<div style='color:#38E1FF; font-size:26px; font-weight:700; letter-spacing:7px;'>{{reportKicker}}</div><div style='margin-top:24px; color:#FFFFFF; font-size:120px; line-height:0.98; font-weight:700; letter-spacing:-3px;'>{{headline}}</div><div style='margin-top:56px; color:#9DB0CC; font-size:32px; line-height:1.4; font-weight:500;'>{{summaryLine}}</div>",
          "width": 1200,
          "x": 130,
          "y": 220,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.25,
          "enterEnd": 0.75,
          "exitEnd": 4.4,
          "enterAnimation": "smoothup",
          "style": {
            "fontFamily": "Space Grotesk"
          }
        },
        {
          "type": "TEXT",
          "html": "<div style='color:#FFFFFF; font-size:30px; font-weight:700; letter-spacing:2px;'>{{companyName}}<span style='color:#5C7196; font-weight:500;'>&nbsp;&nbsp;·&nbsp;&nbsp;{{period}}</span></div>",
          "x": 130,
          "y": 760,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.6,
          "enterEnd": 1.1,
          "exitEnd": 4.4,
          "enterAnimation": "fade",
          "style": {
            "fontFamily": "Space Grotesk"
          }
        }
      ]
    },
    {
      "id": "metric",
      "duration": 3.6,
      "backgroundColor": "#0B1220",
      "transition": "smoothup",
      "transitionId": "outro",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "SVG",
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='mrCard' cx='0.3' cy='0.35' r='0.95'><stop offset='0' stop-color='#132038'/><stop offset='1' stop-color='#0B1220'/></radialGradient></defs><rect width='1920' height='1080' fill='url(#mrCard)'/><rect x='120' y='170' width='1680' height='740' rx='40' fill='rgba(255,255,255,0.028)' stroke='rgba(56,225,255,0.28)' stroke-width='1.5'/><line x1='1180' y1='250' x2='1180' y2='830' stroke='rgba(255,255,255,0.08)' stroke-width='1.5'/></svg>",
          "width": 1920,
          "height": 1080,
          "exitEnd": 3.6
        },
        {
          "type": "TEXT",
          "html": "<div style='color:#7FA6C9; font-size:30px; font-weight:700; letter-spacing:5px;'>{{m.label}}</div><div style='margin-top:20px; color:#FFFFFF; font-size:170px; line-height:0.9; font-weight:700; letter-spacing:-6px;'>{{m.value}}</div><div style='margin-top:34px;'><span style='display:inline-block; background:rgba(56,225,255,0.14); border:1.5px solid rgba(56,225,255,0.5); color:#38E1FF; border-radius:999px; padding:12px 32px; font-size:30px; font-weight:700;'>{{m.delta}}</span></div><div style='margin-top:28px; color:#6E86A6; font-size:28px; font-weight:500;'>{{m.note}}</div>",
          "width": 900,
          "x": 200,
          "y": 300,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "exitEnd": 3.6,
          "enterAnimation": "smoothup",
          "style": {
            "fontFamily": "Space Grotesk"
          }
        },
        {
          "type": "SVG",
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='mrBar' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='#1C6E8C'/><stop offset='1' stop-color='#38E1FF'/></linearGradient></defs><rect x='1290' y='680' width='72' height='90' rx='10' fill='url(#mrBar)' opacity='0.55'/><rect x='1390' y='620' width='72' height='150' rx='10' fill='url(#mrBar)' opacity='0.68'/><rect x='1490' y='540' width='72' height='230' rx='10' fill='url(#mrBar)' opacity='0.82'/><rect x='1590' y='460' width='72' height='310' rx='10' fill='url(#mrBar)'/><rect x='1690' y='360' width='72' height='410' rx='10' fill='#38E1FF'/><line x1='1280' y1='772' x2='1780' y2='772' stroke='rgba(255,255,255,0.15)' stroke-width='2'/></svg>",
          "width": 1920,
          "height": 1080,
          "track": 1,
          "enterBegin": 0.35,
          "enterEnd": 0.85,
          "exitEnd": 3.6,
          "enterAnimation": "fade"
        },
        {
          "type": "TEXT",
          "html": "<div style='color:rgba(157,176,204,0.75); font-size:22px; font-weight:700; letter-spacing:4px; text-align:right;'>{{companyName}} · {{period}}</div>",
          "x": 1720,
          "y": 210,
          "anchor": "top-right",
          "track": 3,
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Space Grotesk"
          }
        }
      ],
      "iterate": "metrics",
      "iterateAs": "m"
    },
    {
      "id": "outro",
      "duration": 5,
      "backgroundColor": "#0B1220",
      "visuals": [
        {
          "type": "SVG",
          "svg": "<svg width='1920' height='1080' viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='mrEnd' cx='0.5' cy='0.42' r='0.85'><stop offset='0' stop-color='#123A4A'/><stop offset='1' stop-color='#0B1220'/></radialGradient></defs><rect width='1920' height='1080' fill='url(#mrEnd)'/><circle cx='960' cy='360' r='84' fill='none' stroke='rgba(56,225,255,0.55)' stroke-width='2.5'/><path d='M918 360 L948 392 L1006 326' fill='none' stroke='#38E1FF' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/></svg>",
          "width": 1920,
          "height": 1080,
          "exitEnd": 5
        },
        {
          "type": "TEXT",
          "html": "<div style='text-align:center; color:#38E1FF; font-size:26px; font-weight:700; letter-spacing:7px;'>OUTLOOK</div><div style='margin-top:22px; text-align:center; color:#FFFFFF; font-size:78px; line-height:1.05; font-weight:700; letter-spacing:-2px;'>{{closingTitle}}</div><div style='margin-top:28px; text-align:center; color:#9DB0CC; font-size:32px; line-height:1.4; font-weight:500;'>{{closingLine}}</div>",
          "width": 1300,
          "x": 960,
          "y": 520,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.3,
          "enterEnd": 0.8,
          "exitEnd": 5,
          "enterAnimation": "smoothup",
          "style": {
            "fontFamily": "Space Grotesk"
          }
        },
        {
          "type": "TEXT",
          "html": "<div style='text-align:center; color:#4E627E; font-size:23px; font-weight:500; letter-spacing:1px;'>{{disclaimer}}</div>",
          "width": 1400,
          "x": 960,
          "y": 960,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 1,
          "enterEnd": 1.4,
          "exitEnd": 5,
          "enterAnimation": "fade",
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "condition": "{{showDisclaimer}}"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16
    }
  ],
  "variables": {
    "companyName": "Northwind Analytics",
    "reportKicker": "MONTHLY BUSINESS REVIEW",
    "period": "June 2026",
    "headline": "The month in numbers.",
    "summaryLine": "Revenue and retention both hit record highs — here are the metrics that mattered.",
    "closingTitle": "On track for the quarter.",
    "closingLine": "Every north-star metric is trending up. Full breakdown in the shared workspace.",
    "disclaimer": "Figures are unaudited internal estimates as of month-end.",
    "showDisclaimer": true,
    "heroVideo": "https://videos.pexels.com/video-files/34170258/14485841_1920_1080_25fps.mp4",
    "musicUrl": "https://cdn.pixabay.com/audio/2025/03/19/audio_56ae1dae5f.mp3",
    "metrics": [
      {
        "label": "TOTAL REVENUE",
        "value": "$1.42M",
        "delta": "▲ 18.4% MoM",
        "note": "Best single month on record"
      },
      {
        "label": "ACTIVE ACCOUNTS",
        "value": "9,318",
        "delta": "▲ 6.1% MoM",
        "note": "Net-new outpaced churn 4:1"
      },
      {
        "label": "NET REVENUE RETENTION",
        "value": "118%",
        "delta": "▲ from 111%",
        "note": "Expansion led by enterprise tier"
      },
      {
        "label": "AVG. DEAL SIZE",
        "value": "$8,940",
        "delta": "▲ 9.7% MoM",
        "note": "Upmarket motion is compounding"
      }
    ]
  }
}

More Data viz / reports templates

Ad Campaign Report

Ad Campaign Report

Data viz / reports$0.00449

Analytics Alert Video

Analytics Alert Video

Data viz / reports$0.00324

Investor Update Video

Investor Update Video

Data viz / reports$0.00439

Marketing Performance Recap

Marketing Performance Recap

Data viz / reports$0.0045

Project Status Video

Project Status Video

Data viz / reports$0.00434

SaaS Metrics Report

SaaS Metrics Report

Data viz / reports$0.0052

Sales Dashboard Recap

Sales Dashboard Recap

Data viz / reports$0.00409

SEO Report Video

SEO Report Video

Data viz / reports$0.00525

Survey Results Video

Survey Results Video

Data viz / reports$0.00339

Team Leaderboard Report

Team Leaderboard Report

Data viz / reports$0.00458

Ready to ship video at scale?

Start free — your first render is only a JSON payload away.

Explore the API ↗