Populate table rows inside a compact output card

MANUAL DAVINCI RESOLVE / FUSION REBUILD

Source: A Look at ChatGPT agent — https://www.youtube.com/watch?v=2wzGS_WUZYQ
Source frames [2340, 2460); local frame 0 = source frame 2340.
Canvas 1920 × 1080; native cadence 60 fps; duration 120 frames.

This is an editable vector/code approximation from observed frames. Geometry and easing are authored approximations. The SVG is a selected frame, not a native animated Fusion composition. No native Resolve execution or independent blind fidelity review is claimed.

1. Create a timeline with the native cadence before importing material.
2. Add a Fusion composition of exactly the stated number of frames.
3. Rebuild Background, Rectangle/Ellipse masks, Text+, Merge and Transform nodes from recipe.json. Use the included licensed Geist and DejaVu Sans Mono fonts.
4. Convert top-left pixel coordinates to Fusion normalized coordinates; invert Y. Key times are local source frames, not seconds.
5. Match the phase table and the specific instructions below; hold source and remake side by side at native speed.
6. Change content to adaptation values without moving timing or geometry. SVG snapshots omit render-only shadow, blur, carets, and click-ripple details.

Observed source:
A small spreadsheet appears within the task window, with rows becoming legible downward while the generating status stays at the top. Observed in sampled source frames; event onsets between samples are approximate.

Mechanism:
Staggered cells form a table within a fixed output frame. Geometry, copy, vector artwork and easing are authored approximations.

Phase table:
  f0000: Initial source composition
  f0024: Header and early data rows are visible
  f0077: Later rows finish populating the generated table

Specific reconstruction:
  1. Create a 1920 × 1080 Fusion composition at the listed source rational frame rate and exact interval length. Build the described layers from editable shapes and text; the reference excerpt is not a remake input.
  2. At local frame 0: Initial source composition.
  3. At local frame 24: Header and early data rows are visible.
  4. At local frame 77: Later rows finish populating the generated table.
  5. Use the supplied recipe coordinates and tracks for the authored approximation. Substitute the adaptation copy while preserving the ordering and timing. Native Resolve execution is unverified.

Exact declarative geometry, visibility and keys:
{
  "canvas": {
    "width": 1920,
    "height": 1080,
    "background": "#83c9eb"
  },
  "camera": [],
  "layers": [
    {
      "type": "ellipse",
      "x": -140,
      "y": -220,
      "w": 1100,
      "h": 1100,
      "fill": "#9ba5fa",
      "blur": 150
    },
    {
      "type": "ellipse",
      "x": 830,
      "y": 250,
      "w": 1400,
      "h": 1100,
      "fill": "#8ad8f1",
      "blur": 100
    },
    {
      "type": "ellipse",
      "x": 100,
      "y": -250,
      "w": 350,
      "h": 640,
      "fill": "#5674ea",
      "blur": 90,
      "anim": [
        {
          "p": "x",
          "k": [
            {
              "f": 0,
              "v": 100
            },
            {
              "f": 119,
              "v": 370
            }
          ]
        }
      ]
    },
    {
      "type": "rect",
      "x": 650,
      "y": 290,
      "w": 640,
      "h": 505,
      "fill": "#ffffff",
      "rx": 28,
      "shadow": "0 12px 35px #254c8b35"
    },
    {
      "type": "text",
      "text": "Generating a spreadsheet",
      "x": 678,
      "y": 317,
      "w": 585,
      "fontSize": 24,
      "lineHeight": 32,
      "color": "#767c81",
      "wrap": true
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 380,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Region",
          "x": 697,
          "y": 392,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 380,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Plan",
          "x": 838,
          "y": 392,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 380,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Actual",
          "x": 979,
          "y": 392,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 380,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Change",
          "x": 1120,
          "y": 392,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 426,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Zone 1",
          "x": 697,
          "y": 438,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 426,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "24",
          "x": 838,
          "y": 438,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 426,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "28",
          "x": 979,
          "y": 438,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 426,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "+4%",
          "x": 1120,
          "y": 438,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 472,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Zone 2",
          "x": 697,
          "y": 484,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 472,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "28",
          "x": 838,
          "y": 484,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 472,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "33",
          "x": 979,
          "y": 484,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 472,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "+5%",
          "x": 1120,
          "y": 484,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 518,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Zone 3",
          "x": 697,
          "y": 530,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 518,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "32",
          "x": 838,
          "y": 530,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 518,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "38",
          "x": 979,
          "y": 530,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 518,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "+6%",
          "x": 1120,
          "y": 530,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 0,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 564,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Zone 4",
          "x": 697,
          "y": 576,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 12,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 564,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "36",
          "x": 838,
          "y": 576,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 15,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 564,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "43",
          "x": 979,
          "y": 576,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 19,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 564,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "+7%",
          "x": 1120,
          "y": 576,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 23,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 610,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Zone 5",
          "x": 697,
          "y": 622,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 45,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 610,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "40",
          "x": 838,
          "y": 622,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 49,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 610,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "48",
          "x": 979,
          "y": 622,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 52,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 610,
          "w": 140,
          "h": 45,
          "fill": "#ffffff",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "+8%",
          "x": 1120,
          "y": 622,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 56,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 688,
          "y": 656,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "Zone 6",
          "x": 697,
          "y": 668,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 79,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 829,
          "y": 656,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "44",
          "x": 838,
          "y": 668,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 82,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 970,
          "y": 656,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "53",
          "x": 979,
          "y": 668,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 86,
      "to": 120
    },
    {
      "type": "group",
      "children": [
        {
          "type": "rect",
          "x": 1111,
          "y": 656,
          "w": 140,
          "h": 45,
          "fill": "#f7f8f9",
          "stroke": "#e7e9eb",
          "strokeWidth": 1
        },
        {
          "type": "text",
          "text": "+9%",
          "x": 1120,
          "y": 668,
          "w": 120,
          "fontSize": 17,
          "lineHeight": 23,
          "color": "#16191b",
          "wrap": true
        }
      ],
      "from": 89,
      "to": 120
    },
    {
      "type": "text",
      "text": {
        "$": "summary"
      },
      "x": 690,
      "y": 742,
      "w": 540,
      "fontSize": 22,
      "lineHeight": 30,
      "color": "#767c81",
      "wrap": true
    }
  ]
}
