{
  "schemaVersion": "1.2",
  "kind": "template",
  "id": "barchart-growth",
  "variantId": "barchart-growth",
  "template": "barchart",
  "title": "Animated Bar Chart",
  "url": "https://cliphou.se/templates/barchart-growth/",
  "editorUrl": "https://cliphou.se/#/v/barchart-growth",
  "templateVersion": 1,
  "latestTemplateVersion": 1,
  "sourceHash": "0dd838f7f5027218",
  "generation": {
    "model": "Claude Opus 5.5",
    "modelId": "claude-opus-5-5",
    "provider": "Anthropic",
    "effort": "medium"
  },
  "siteCommit": "27d0f0df8e4cf1d189d78476bbbb4d8c7f2dacaa",
  "license": "MIT-0",
  "licenseUrl": "https://cliphou.se/license/",
  "price": "Free",
  "attributionRequired": false,
  "format": {
    "aspectRatio": "1:1",
    "width": 1080,
    "height": 1080,
    "fps": 30,
    "durationInFrames": 270,
    "seconds": 9
  },
  "scenes": [
    {
      "type": "title-reveal",
      "label": "Title reveal",
      "from": 0,
      "duration": 70,
      "roles": [
        "headline",
        "subhead"
      ]
    },
    {
      "type": "chart",
      "label": "Chart",
      "from": 70,
      "duration": 130,
      "roles": [
        "chart"
      ]
    },
    {
      "type": "tagline",
      "label": "Tagline",
      "from": 200,
      "duration": 70,
      "roles": [
        "brand",
        "attribution"
      ]
    }
  ],
  "props": {
    "texts": {
      "brand": "Fieldnote",
      "headline": "Revenue doubled",
      "subhead": "Quarterly recurring revenue, in thousands of dollars",
      "chart": "Q1 120, Q2 168, Q3 205, Q4 251",
      "attribution": "Source: Fieldnote finance, 2026"
    },
    "theme": {
      "background": "#fbfaf7",
      "surface": "#eef1ec",
      "foreground": "#17201b",
      "accent": "#e4572e",
      "accent2": "#2f6f5e"
    }
  },
  "editableFields": {
    "texts": {
      "brand": {
        "label": "Brand",
        "maxLength": 18,
        "current": "Fieldnote"
      },
      "headline": {
        "label": "Headline",
        "maxLength": 24,
        "current": "Revenue doubled"
      },
      "subhead": {
        "label": "Subhead",
        "maxLength": 52,
        "current": "Quarterly recurring revenue, in thousands of dollars"
      },
      "chart": {
        "label": "Chart data",
        "maxLength": 96,
        "format": "Use 2 to 6 \"Label 42\" pairs separated by commas.",
        "current": "Q1 120, Q2 168, Q3 205, Q4 251"
      },
      "attribution": {
        "label": "Attribution",
        "maxLength": 48,
        "current": "Source: Fieldnote finance, 2026"
      }
    },
    "theme": {
      "background": {
        "format": "#RRGGBB",
        "current": "#fbfaf7"
      },
      "surface": {
        "format": "#RRGGBB",
        "current": "#eef1ec"
      },
      "foreground": {
        "format": "#RRGGBB",
        "current": "#17201b"
      },
      "accent": {
        "format": "#RRGGBB",
        "current": "#e4572e"
      },
      "accent2": {
        "format": "#RRGGBB",
        "current": "#2f6f5e"
      }
    }
  },
  "jsonSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {
      "texts": {
        "type": "object",
        "properties": {
          "brand": {
            "type": "string",
            "minLength": 1,
            "maxLength": 18,
            "role": "brand"
          },
          "headline": {
            "type": "string",
            "minLength": 1,
            "maxLength": 24,
            "role": "headline"
          },
          "subhead": {
            "type": "string",
            "minLength": 1,
            "maxLength": 52,
            "role": "subhead"
          },
          "chart": {
            "type": "string",
            "minLength": 1,
            "maxLength": 96,
            "pattern": "^\\s*[^,]*[^,\\d\\s][^,]*?\\s+-?\\d+(?:\\.\\d+)?[%kKmMbB]?(\\s*,\\s*[^,]*[^,\\d\\s][^,]*?\\s+-?\\d+(?:\\.\\d+)?[%kKmMbB]?){1,5}\\s*$",
            "role": "chart"
          },
          "attribution": {
            "type": "string",
            "minLength": 1,
            "maxLength": 48,
            "role": "attribution"
          }
        },
        "required": [
          "brand",
          "headline",
          "subhead",
          "chart",
          "attribution"
        ],
        "additionalProperties": false
      },
      "theme": {
        "type": "object",
        "properties": {
          "background": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "background"
          },
          "surface": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "surface"
          },
          "foreground": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "foreground"
          },
          "accent": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "accent"
          },
          "accent2": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "accent2"
          }
        },
        "required": [
          "background",
          "surface",
          "foreground",
          "accent",
          "accent2"
        ],
        "additionalProperties": false
      }
    },
    "required": [
      "texts",
      "theme"
    ],
    "additionalProperties": false
  },
  "handoff": {
    "urlTemplate": "https://cliphou.se/#/v/barchart-growth?props=<url-encoded props JSON>",
    "example": "https://cliphou.se/#/v/barchart-growth?props=%7B%22texts%22%3A%7B%22brand%22%3A%22Fieldnote%22%2C%22headline%22%3A%22Revenue%20doubled%22%2C%22subhead%22%3A%22Quarterly%20recurring%20revenue%2C%20in%20thousands%20of%20dollars%22%2C%22chart%22%3A%22Q1%20120%2C%20Q2%20168%2C%20Q3%20205%2C%20Q4%20251%22%2C%22attribution%22%3A%22Source%3A%20Fieldnote%20finance%2C%202026%22%7D%2C%22theme%22%3A%7B%22background%22%3A%22%23fbfaf7%22%2C%22surface%22%3A%22%23eef1ec%22%2C%22foreground%22%3A%22%2317201b%22%2C%22accent%22%3A%22%23e4572e%22%2C%22accent2%22%3A%22%232f6f5e%22%7D%7D",
    "maxEncodedLength": 8000,
    "note": "cliphou.se validates the props before it opens them. Invalid props are rejected and never saved."
  },
  "source": {
    "package": "https://cliphou.se/source/barchart/v1.tar.gz",
    "packageSha256": "3f14c3b2208c4bd1263833415a3d6a607ba88e1c6cca1e2efa21e820aeed924a",
    "templateVersion": 1,
    "renderCommand": "npm ci && npx remotion render src/index.ts barchart out/video.mp4 --props=props.json",
    "repository": "https://github.com/sunmer/voodoo",
    "path": "src/videos/barchart/",
    "contents": "Remotion component, schema, scene metadata, shared helpers, exact dependency versions, lockfile, example props, and MIT-0 license. Fonts install from pinned Fontsource packages.",
    "note": "Rendering uses Remotion, which has separate license terms: https://remotion.dev/license"
  },
  "instructions": [
    "For text and color edits, change only props.texts and props.theme. Keep each text within maxLength and each color as #RRGGBB.",
    "Return text and color edits as handoff.urlTemplate with the props JSON URL-encoded.",
    "For layout, motion, timing, or scene edits, download source.package, extract it, and edit the code.",
    "Render the source package with source.renderCommand. Edit props.json to change text and colors.",
    "Never send code through the handoff URL. It accepts props only."
  ]
}