Push into a bar-chart menu and open its provenance overlay

MANUAL DAVINCI RESOLVE / FUSION REBUILD

Source: Codex for data science — https://www.youtube.com/watch?v=Lvk_VZOppIY
Source frames [2880, 3180); local frame 0 = source frame 2880.
Canvas 1920 × 1080; native cadence 60 fps; duration 300 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:
At0 the full report is visible with a bar chart. By43 the framing is close and the four-item menu is open. The pointer moves from the menu trigger through Explore at128 to View data source at171–256. At299 a pale source panel begins replacing the chart area. Draft reconstruction from eight viewed native-frame source samples. Event order is observed; transition boundaries between samples and easing are authored approximations, not recovered source timing. No source-fidelity or native Resolve approval.

Mechanism:
A camera push settles on a chart menu, a deliberate two-row hover selects provenance, and a source panel overlays the graph.

Phase table:
  f0000: Wide bar chart
  f0043: Menu close-up
  f0128: Explore hover
  f0171: Source hover
  f0299: Source overlay begins

Specific reconstruction:
  1. Set a1920x1080 timeline to 60/1fps and a 300-frame Fusion composition. Local0 corresponds to source frame2880; end is exclusive.
  2. Open the four-row menu at32. Keep it fixed while the pointer visits row1 and then row2.
  3. At283 fade in a source-detail plate over the graph. Keep the graph faintly visible during the short transition.
  4. Push the outer camera1.0→1.6 and translate left350px over0–43, settling on the right report before row selection. Keep the cursor at application level, above the clipped report pane.
  5. Retain the supplied native duration. Original interface artwork and substitute copy are editable; they are not product captures. Draft reconstruction from eight viewed native-frame source samples. Event order is observed; transition boundaries between samples and easing are authored approximations, not recovered source timing. No source-fidelity or native Resolve approval.

Exact declarative geometry, visibility and keys:
{
  "canvas": {
    "width": 1920,
    "height": 1080,
    "background": "#f8f7f2"
  },
  "camera": [
    {
      "p": "scale",
      "k": [
        {
          "f": 0,
          "v": 1
        },
        {
          "f": 43,
          "v": 1.6,
          "e": "out"
        }
      ]
    },
    {
      "p": "tx",
      "k": [
        {
          "f": 0,
          "v": 0
        },
        {
          "f": 43,
          "v": -350,
          "e": "out"
        }
      ]
    }
  ],
  "layers": [
    {
      "id": "desktop",
      "type": "rect",
      "x": 0,
      "y": 0,
      "w": 1920,
      "h": 1080,
      "fill": "#cad4c1"
    },
    {
      "id": "application",
      "type": "group",
      "x": 100,
      "y": 95,
      "w": 1720,
      "h": 900,
      "children": [
        {
          "id": "application-chrome",
          "type": "rect",
          "x": 0,
          "y": 0,
          "w": 1720,
          "h": 44,
          "fill": "#eeeee8"
        },
        {
          "id": "application-dot1",
          "type": "ellipse",
          "x": 18,
          "y": 18,
          "w": 8,
          "h": 8,
          "fill": "#9d9e93"
        },
        {
          "id": "application-dot2",
          "type": "ellipse",
          "x": 33,
          "y": 18,
          "w": 8,
          "h": 8,
          "fill": "#aeb0a3"
        },
        {
          "id": "application-dot3",
          "type": "ellipse",
          "x": 48,
          "y": 18,
          "w": 8,
          "h": 8,
          "fill": "#bfc0b4"
        },
        {
          "id": "application-title",
          "type": "text",
          "x": 82,
          "y": 10,
          "text": {
            "$": "brand"
          },
          "fontSize": 18,
          "color": "#252521"
        },
        {
          "id": "left-rail",
          "type": "group",
          "x": 25,
          "y": 88,
          "w": 535,
          "h": 735,
          "children": [
            {
              "id": "reply",
              "type": "text",
              "x": 10,
              "y": 10,
              "text": [
                "The report is ready.",
                "Source notes and measurements",
                "are attached for review."
              ],
              "fontSize": 23,
              "color": "#252521",
              "lineHeight": 43
            },
            {
              "id": "files-label",
              "type": "text",
              "x": 10,
              "y": 220,
              "text": "Edited files",
              "fontSize": 20,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "files",
              "type": "text",
              "x": 10,
              "y": 280,
              "text": [
                "daily_counts.sql     +18",
                "monthly_counts.sql  +9",
                "coverage_check.sql  +12"
              ],
              "fontSize": 19,
              "color": "#76766d",
              "lineHeight": 42
            },
            {
              "id": "bottom",
              "type": "group",
              "x": 0,
              "y": 640,
              "w": 515,
              "h": 110,
              "children": [
                {
                  "id": "bottom-plate",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 515,
                  "h": 110,
                  "fill": "#fff",
                  "rx": 22,
                  "stroke": "#dfded6"
                },
                {
                  "id": "bottom-copy",
                  "type": "text",
                  "x": 24,
                  "y": 20,
                  "text": "",
                  "fontSize": 24,
                  "color": "#252521",
                  "w": 445,
                  "wrap": true
                },
                {
                  "id": "bottom-plus",
                  "type": "text",
                  "x": 22,
                  "y": 67,
                  "text": "+",
                  "fontSize": 27,
                  "color": "#252521"
                },
                {
                  "id": "bottom-mode",
                  "type": "text",
                  "x": 60,
                  "y": 73,
                  "text": "Workspace  /  Standard",
                  "fontSize": 15,
                  "color": "#76766d"
                },
                {
                  "id": "bottom-send",
                  "type": "ellipse",
                  "x": 463,
                  "y": 59,
                  "w": 34,
                  "h": 34,
                  "fill": "#252521"
                },
                {
                  "id": "bottom-arrow",
                  "type": "text",
                  "x": 470,
                  "y": 62,
                  "text": "↑",
                  "fontSize": 23,
                  "color": "#fff"
                }
              ]
            }
          ]
        },
        {
          "id": "report-pane",
          "type": "group",
          "x": 590,
          "y": 100,
          "w": 1095,
          "h": 730,
          "children": [
            {
              "id": "caption",
              "type": "text",
              "x": 20,
              "y": 5,
              "text": "Review the complete reporting window before comparing rates.",
              "fontSize": 22,
              "color": "#252521",
              "w": 1010,
              "wrap": true
            },
            {
              "id": "charttitle",
              "type": "text",
              "x": 20,
              "y": 110,
              "text": {
                "$": "chart"
              },
              "fontSize": 26,
              "color": "#252521"
            },
            {
              "id": "bars",
              "type": "group",
              "x": 45,
              "y": 210,
              "w": 970,
              "h": 380,
              "children": [
                {
                  "id": "bars-axis",
                  "type": "line",
                  "points": [
                    [
                      0,
                      354
                    ],
                    [
                      970,
                      354
                    ]
                  ],
                  "stroke": "#b7beb0",
                  "strokeWidth": 2
                },
                {
                  "id": "bars-b0",
                  "type": "rect",
                  "x": 4.564705882352942,
                  "y": 280.08,
                  "w": 22.823529411764707,
                  "h": 73.92,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b1",
                  "type": "rect",
                  "x": 43.364705882352936,
                  "y": 286.8,
                  "w": 22.823529411764707,
                  "h": 67.2,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b2",
                  "type": "rect",
                  "x": 82.16470588235293,
                  "y": 276.72,
                  "w": 22.823529411764707,
                  "h": 77.28,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b3",
                  "type": "rect",
                  "x": 120.96470588235294,
                  "y": 290.15999999999997,
                  "w": 22.823529411764707,
                  "h": 63.84,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b4",
                  "type": "rect",
                  "x": 159.76470588235293,
                  "y": 283.44,
                  "w": 22.823529411764707,
                  "h": 70.56,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b5",
                  "type": "rect",
                  "x": 198.56470588235294,
                  "y": 286.8,
                  "w": 22.823529411764707,
                  "h": 67.2,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b6",
                  "type": "rect",
                  "x": 237.36470588235295,
                  "y": 280.08,
                  "w": 22.823529411764707,
                  "h": 73.92,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b7",
                  "type": "rect",
                  "x": 276.16470588235296,
                  "y": 293.52,
                  "w": 22.823529411764707,
                  "h": 60.48,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b8",
                  "type": "rect",
                  "x": 314.9647058823529,
                  "y": 283.44,
                  "w": 22.823529411764707,
                  "h": 70.56,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b9",
                  "type": "rect",
                  "x": 353.7647058823529,
                  "y": 286.8,
                  "w": 22.823529411764707,
                  "h": 67.2,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b10",
                  "type": "rect",
                  "x": 392.56470588235294,
                  "y": 276.72,
                  "w": 22.823529411764707,
                  "h": 77.28,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b11",
                  "type": "rect",
                  "x": 431.36470588235295,
                  "y": 280.08,
                  "w": 22.823529411764707,
                  "h": 73.92,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b12",
                  "type": "rect",
                  "x": 470.16470588235296,
                  "y": 263.28,
                  "w": 22.823529411764707,
                  "h": 90.72,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b13",
                  "type": "rect",
                  "x": 508.9647058823529,
                  "y": 236.4,
                  "w": 22.823529411764707,
                  "h": 117.6,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b14",
                  "type": "rect",
                  "x": 547.764705882353,
                  "y": 222.96,
                  "w": 22.823529411764707,
                  "h": 131.04,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b15",
                  "type": "rect",
                  "x": 586.564705882353,
                  "y": 219.6,
                  "w": 22.823529411764707,
                  "h": 134.4,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b16",
                  "type": "rect",
                  "x": 625.364705882353,
                  "y": 229.68,
                  "w": 22.823529411764707,
                  "h": 124.32,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b17",
                  "type": "rect",
                  "x": 664.164705882353,
                  "y": 219.6,
                  "w": 22.823529411764707,
                  "h": 134.4,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b18",
                  "type": "rect",
                  "x": 702.964705882353,
                  "y": 209.52,
                  "w": 22.823529411764707,
                  "h": 144.48,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b19",
                  "type": "rect",
                  "x": 741.764705882353,
                  "y": 202.79999999999998,
                  "w": 22.823529411764707,
                  "h": 151.20000000000002,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b20",
                  "type": "rect",
                  "x": 780.564705882353,
                  "y": 189.36,
                  "w": 22.823529411764707,
                  "h": 164.64,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b21",
                  "type": "rect",
                  "x": 819.364705882353,
                  "y": 179.28,
                  "w": 22.823529411764707,
                  "h": 174.72,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b22",
                  "type": "rect",
                  "x": 858.164705882353,
                  "y": 169.2,
                  "w": 22.823529411764707,
                  "h": 184.8,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b23",
                  "type": "rect",
                  "x": 896.964705882353,
                  "y": 152.4,
                  "w": 22.823529411764707,
                  "h": 201.6,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-b24",
                  "type": "rect",
                  "x": 935.764705882353,
                  "y": 95.27999999999997,
                  "w": 22.823529411764707,
                  "h": 258.72,
                  "fill": "#4d705e",
                  "rx": 3
                },
                {
                  "id": "bars-label0",
                  "type": "text",
                  "x": 0.0,
                  "y": 362,
                  "text": "1",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label1",
                  "type": "text",
                  "x": 38.8,
                  "y": 362,
                  "text": "2",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label2",
                  "type": "text",
                  "x": 77.6,
                  "y": 362,
                  "text": "3",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label3",
                  "type": "text",
                  "x": 116.4,
                  "y": 362,
                  "text": "4",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label4",
                  "type": "text",
                  "x": 155.2,
                  "y": 362,
                  "text": "5",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label5",
                  "type": "text",
                  "x": 194.0,
                  "y": 362,
                  "text": "6",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label6",
                  "type": "text",
                  "x": 232.8,
                  "y": 362,
                  "text": "7",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label7",
                  "type": "text",
                  "x": 271.6,
                  "y": 362,
                  "text": "8",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label8",
                  "type": "text",
                  "x": 310.4,
                  "y": 362,
                  "text": "9",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label9",
                  "type": "text",
                  "x": 349.2,
                  "y": 362,
                  "text": "10",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label10",
                  "type": "text",
                  "x": 388.0,
                  "y": 362,
                  "text": "11",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label11",
                  "type": "text",
                  "x": 426.8,
                  "y": 362,
                  "text": "12",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label12",
                  "type": "text",
                  "x": 465.6,
                  "y": 362,
                  "text": "13",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label13",
                  "type": "text",
                  "x": 504.4,
                  "y": 362,
                  "text": "14",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label14",
                  "type": "text",
                  "x": 543.2,
                  "y": 362,
                  "text": "15",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label15",
                  "type": "text",
                  "x": 582.0,
                  "y": 362,
                  "text": "16",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label16",
                  "type": "text",
                  "x": 620.8,
                  "y": 362,
                  "text": "17",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label17",
                  "type": "text",
                  "x": 659.6,
                  "y": 362,
                  "text": "18",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label18",
                  "type": "text",
                  "x": 698.4,
                  "y": 362,
                  "text": "19",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label19",
                  "type": "text",
                  "x": 737.2,
                  "y": 362,
                  "text": "20",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label20",
                  "type": "text",
                  "x": 776.0,
                  "y": 362,
                  "text": "21",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label21",
                  "type": "text",
                  "x": 814.8,
                  "y": 362,
                  "text": "22",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label22",
                  "type": "text",
                  "x": 853.6,
                  "y": 362,
                  "text": "23",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label23",
                  "type": "text",
                  "x": 892.4,
                  "y": 362,
                  "text": "24",
                  "fontSize": 11,
                  "color": "#76766d"
                },
                {
                  "id": "bars-label24",
                  "type": "text",
                  "x": 931.2,
                  "y": 362,
                  "text": "25",
                  "fontSize": 11,
                  "color": "#76766d"
                }
              ]
            },
            {
              "id": "next-section",
              "type": "text",
              "x": 20,
              "y": 660,
              "text": {
                "$": "month"
              },
              "fontSize": 27,
              "color": "#252521",
              "fontWeight": 600
            },
            {
              "id": "menuwrap",
              "type": "group",
              "x": 0,
              "y": 0,
              "w": 1050,
              "h": 700,
              "children": [
                {
                  "id": "chart-menu",
                  "type": "group",
                  "x": 675,
                  "y": 170,
                  "w": 340,
                  "h": 230,
                  "children": [
                    {
                      "id": "menu-bg",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 340,
                      "h": 230,
                      "fill": "#fff",
                      "rx": 12,
                      "stroke": "#dfded6"
                    },
                    {
                      "id": "hover",
                      "type": "rect",
                      "x": 10,
                      "y": 57,
                      "w": 320,
                      "h": 45,
                      "fill": "#eaf0e3",
                      "from": 155,
                      "to": 283
                    },
                    {
                      "id": "menuitems",
                      "type": "text",
                      "x": 25,
                      "y": 18,
                      "text": [
                        "Explore chart",
                        "View data source",
                        "Switch chart type",
                        "Delete"
                      ],
                      "fontSize": 23,
                      "color": "#252521",
                      "lineHeight": 47
                    }
                  ]
                }
              ],
              "from": 32,
              "to": 283
            },
            {
              "id": "source-start",
              "type": "group",
              "x": 15,
              "y": 60,
              "w": 1040,
              "h": 650,
              "children": [
                {
                  "id": "source-bg",
                  "type": "rect",
                  "x": 0,
                  "y": 0,
                  "w": 1040,
                  "h": 650,
                  "fill": "#fff",
                  "rx": 18,
                  "stroke": "#dfded6"
                },
                {
                  "id": "head",
                  "type": "text",
                  "x": 30,
                  "y": 25,
                  "text": "Data source",
                  "fontSize": 29,
                  "color": "#252521",
                  "fontWeight": 600
                },
                {
                  "id": "rows",
                  "type": "text",
                  "x": 30,
                  "y": 90,
                  "text": [
                    "Dataset     field_daily",
                    "Table       observations",
                    "Window      complete recent period",
                    "Metric      count per reporting day"
                  ],
                  "fontSize": 23,
                  "color": "#252521",
                  "lineHeight": 54
                },
                {
                  "id": "query",
                  "type": "group",
                  "x": 30,
                  "y": 365,
                  "w": 900,
                  "h": 144,
                  "children": [
                    {
                      "id": "query-0",
                      "type": "rect",
                      "x": 0,
                      "y": 0,
                      "w": 900,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "query-1",
                      "type": "rect",
                      "x": 0,
                      "y": 36,
                      "w": 770,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "query-2",
                      "type": "rect",
                      "x": 0,
                      "y": 72,
                      "w": 870,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    },
                    {
                      "id": "query-3",
                      "type": "rect",
                      "x": 0,
                      "y": 108,
                      "w": 800,
                      "h": 6,
                      "fill": "#dfded6",
                      "rx": 3.0
                    }
                  ]
                }
              ],
              "from": 283,
              "anim": [
                {
                  "p": "opacity",
                  "k": [
                    {
                      "f": 283,
                      "v": 0
                    },
                    {
                      "f": 299,
                      "v": 1
                    }
                  ]
                }
              ]
            }
          ],
          "clip": true
        },
        {
          "id": "report-toolbar",
          "type": "text",
          "x": 1200,
          "y": 61,
          "text": "Refresh    Edit    Export",
          "fontSize": 19,
          "color": "#76766d"
        },
        {
          "id": "p",
          "type": "cursor",
          "x": 1610,
          "y": 235,
          "anim": [
            {
              "p": "x",
              "k": [
                {
                  "f": 0,
                  "v": 1610
                },
                {
                  "f": 128,
                  "v": 1450
                },
                {
                  "f": 171,
                  "v": 1400
                }
              ]
            },
            {
              "p": "y",
              "k": [
                {
                  "f": 0,
                  "v": 235
                },
                {
                  "f": 128,
                  "v": 309
                },
                {
                  "f": 171,
                  "v": 357
                }
              ]
            }
          ],
          "clicks": [
            283
          ]
        }
      ],
      "fill": "#fff",
      "rx": 14,
      "clip": true
    }
  ]
}
