Candidate construction guide · native Resolve not tested

Pan between two chart anchors in one dashboard

An original SVG/code Remotion treatment with a complete manual DaVinci Resolve / Fusion construction guide. Two meaningful content variants share one framegraph. No source artwork, raster/video adaptation input or native Resolve project is shipped. Builder tests are not a rendered-quality approval.

Public kit: install and verify

The kit root contains core-publication-v08.zip, active-assets.zip, handoff.py, guide.json, this README, controls.csv, fusion-controls.csv, overlay-manifest.json, provenance.json and test_kit.py. The distributor supplies the pinned core and handoff helper; neither a private worker nor a repository checkout is required. No generator or prebuilt inputs helper is needed: both payloads are embedded in the recipe.

The active archive contains a flat list of regular file members (no directory entries, nested archives, symlinks or project/inputs/): one selected recipe and its active SVGs only. Both ZIPs start with project/. From the kit root, unpack core first, then the active overlay into the same kit root, not into project/ again:

python3 -m zipfile -e core-publication-v08.zip .
python3 -m zipfile -e active-assets.zip .
python3 handoff.py verify --guide guide.json --project project
python3 handoff.py frames --guide guide.json --project project > controls-regenerated.csv
cmp controls.csv controls-regenerated.csv
PYTHONDONTWRITEBYTECODE=1 python3 test_kit.py --project project --core core-publication-v08.zip

Integrity contracts (SHA-256):

overlay-manifest.json binds every active recipe/SVG ZIP member and every guide/control/provenance artifact. The active ZIP has only this recipe and its 4 original SVGs, no core, dependencies or legacy art. source.localMedia is research metadata, not a requested input path.

Remotion: preflight, then authorized rendering

Read project/README.md and project/AGENT_GUIDE.md. Use Node >=22.18, Python 3.11+, FFmpeg/FFprobe and an explicitly installed supported Chromium. Preserve project/public/fonts/Geist.ttf and its OFL.txt; do not replace the font or silently shrink text. The core browser text-fit gate remains authoritative. Set REMOTION_BROWSER_EXECUTABLE if your installed browser is not discovered. No automatic browser download is required by these instructions.

From project/, the actual archived CLI is:

cd project
npm ci
node --experimental-strip-types --input-type=module -e '
import {prepareInput} from "./scripts/lib.mjs";
for (const variant of ["default", "adaptation"]) {
  const prepared = await prepareInput({projectRoot: process.cwd(), recipeId: "chart-to-chart-pan", variant});
  console.log(variant, prepared.expected);
}
'
node --experimental-strip-types scripts/render.mjs --recipe chart-to-chart-pan --variant default --out out/chart-to-chart-pan-default.mp4
node --experimental-strip-types scripts/render.mjs --recipe chart-to-chart-pan --variant adaptation --out out/chart-to-chart-pan-adaptation.mp4
node --experimental-strip-types scripts/verify.mjs out/chart-to-chart-pan-default.mp4
node --experimental-strip-types scripts/verify.mjs out/chart-to-chart-pan-adaptation.mp4

Expected: 1920×1080, 60/1 fps, 240 frames, 4 seconds (4.000000000), zero audio streams. The renderer refuses an existing MP4 or its sibling manifest; choose a new basename instead of overwriting. Keep each generated .manifest.json with its output. These commands are for the authorized renderer: this builder did not encode or review candidate output.

Content substitutions

Default: a five-session workshop dashboard with sessions/new makers bars and attendance/return-rate lines. Adaptation: a five-cycle nursery dashboard with trays/new seedlings bars and moisture/canopy lines. Every series, heading, legend, note and supporting row changes. All values are invented original examples, not measurements of source product or financial data. guide.json.originalData gives the exact two-series SVG coordinate mapping; custom datasets require revising the corresponding SVG, labels and hash contract together, not just this metadata.

Every slot, both literal payloads, consuming layers and field contracts appear under guide.json.editableSubstitutions. Keep the same number of rows/items, literal line breaks, aspect ratios and range/camera parenting. Character limits are not a font-fit guarantee. For custom SVGs use original permitted geometry, no <image>, raster data URI, external resource, script, embedded font or source frame. Inspect both content and framing after every edit.

From project/, create a complete Content object, not a partial override:

python3 - <<'PY'
import json
from pathlib import Path
recipe = json.loads(Path("recipes/chart-to-chart-pan.json").read_text())
content = dict(recipe["defaults"])
content["title"] = "Workshop activity overview"
Path("custom.json").write_text(json.dumps(content, indent=2) + "\n")
PY
node --experimental-strip-types --input-type=module -e '
import {prepareInput} from "./scripts/lib.mjs";
console.log((await prepareInput({projectRoot: process.cwd(), recipeId: "chart-to-chart-pan", contentPath: "custom.json"})).expected);
'
node --experimental-strip-types scripts/render.mjs --recipe chart-to-chart-pan --content custom.json --out out/chart-to-chart-pan-custom.mp4

--content and --variant are mutually exclusive. Relative content paths are resolved against the process working directory; the example deliberately runs inside project/. The frozen guide verifies the embedded variants. A changed recipe or SVG requires a revised hash contract; do not relabel it as this freeze.

Source clock, observation and adaptation

Film: Analyze earnings and update your investment thesis with Codex. Retained official-player publication: 2026-06-12, timestamp 2026-06-12T13:36:47-07:00. This is pinned local metadata, not a new live web verification. Selection window: September 5, 2024 through September 5, 2026 at 17:13:40.602033 UTC; no later publication is used.

Source interval [3900, 4140) at 60/1, with exact nominal source seconds [65, 69). Local frame zero = source 3900; last local frame 239 = source 4139. Excerpt offset is zero. The selected unit declares nominal native 60/1 but supplies no retained master/source-relative PTS clock: retained_source_clock stays null. The excerpt is separately probed at 1/15360 time base with PTS increments of 256. These encoded excerpt timestamps are not proof of the missing master clock. Absolute master PTS and master dimensions remain unknown. guide.json.encodedExcerptClock records actual retained-excerpt PTS, time base, frame durations and coded stream rate separately. Do not round the source nominal cadence, substitute an excerpt average rate, or stretch to another rate.

Research excerpt SHA-256: 37dd9bce9d996db3f99a2eb42700628dc31e1718b52541905dbce9c3fac55c44. The source master SHA is inherited, not freshly rehashed. The source/timing unit and related implementation file hashes are in provenance.json. Related Edit/CameraPush and its partial Resolve guide supplied parenting/masking concepts, not a complete adapter.

Inspection: all 240 excerpt frames viewed statically as consecutively decoded 480×270 thumbnails, plus 4 selected 960×540 native-size stills. The 1920×1080 output canvas is an authored delivery choice; excerpt dimensions are not a master probe. Contact sheets are not moving review or all-frame full-resolution inspection. No whole-film/new-coverage claim, native Resolve execution, exact source-quality approval or measured OpenAI props is made.

Authored choreography

1. Local 0–10: establish the entire original dashboard window. Both charts, the note row and lower input chrome are visible.
2. 10–60: scale the one dashboard from 1 to 1.70, translating to x=40,y=-155 to favor the bar chart. Keep the right chart attached at the edge.
3. 60–136: hold the first detail. 136–179: move camera x from 40 to -1020 without replacing either chart or changing scale; settle at the line-chart anchor.
4. 179–235: hold the second detail. 236–239: preserve only the beginning of the return (scale ends 1.66, x=-990,y=-140), not a full pullback. No pointer, caret or click is invented.

Visible-state brackets are source observations/estimates; all numeric tracks are chosen adaptation values. guide.json.observationPolicy keeps those categories separate. The following samples are checkpoints to inspect, not assertions that a rendered output already passed:

Resolve / Fusion construction

1. Create a 1920×1080, square-pixel composition at 60/1, local frames 0–239 inclusive. Set the actual rational cadence, not a rounded integer substitute. Do not add a final hold. Keep audio empty.
2. Work on transparent 4096×4096 domains, with design pixel (0,0) placed at work pixel (1024,1024). Parent/child domains stay identical. Build the opaque RootPaper Background and nodes listed below in order; later siblings are foreground. guide.json.rootPipeline supplies its color/domain, final crop coordinates and MediaOut connection. nativePalette supplies normalized RGB values for editable colors in both variants; use opacity separately.
3. For each layer build Construct → LocalMask → AnchorShift → ScaleRotate → Position → Gated → Merge.Foreground; the previous sibling feeds Merge.Background. For a group, Construct is its ordered child merges over a transparent background. Apply group alpha once after assembly.
4. guide.json.fusionNodes names every tool, connection, parent, raw/static control, content binding and gate. svgSubgraphs enumerates every original SVG Rectangle/Ellipse/Polygon, color, alpha and merge order for both variants. Build those natively; do not rasterize SVGs or use source footage as Loaders.
5. Bake the numeric rows in fusion-controls.csv at each integer local frame. Its AnchorShift/Position/ScaleRotate/Gated columns are derived below. controls.csv contains every raw property sample, including independent width/radius tracks. Neither CSV is an importable .setting file: transfer columns to the named native controls using frame-based keys.
6. Install the licensed bundled Geist. Use Text+ for text, the explicit weight, pixel box, line advance, tracking and alignment in each node. Text+ Size fontSize/4096 is only an uncalibrated starting estimate, not a verified CSS conversion. Compare glyph footprint, baseline and fit natively before delivery. Retain literal line breaks and stepped character reveals. Never scale type down just to hide overflow.
7. After the last root merge, crop exactly work pixels x=[1024,2944), y=[1024,2104) to 1920×1080; do not resize. Send to MediaOut. Keep anything outside the final crop until this final operation, except declared local masks.

Coordinates and interpolation

• Code: parent-local pixels, +X right, +Y down, rotation clockwise. Origin defaults to (0,0), not the layer center. A group width/height is neither a child scale nor an implicit clip. Only declared overflow/clip masks clip.
• Fusion normalized point = ((x+1024)/4096, 1-(y+1024)/4096). For a mask with top-left (x,y) and size (w,h), use center ((x+w/2+1024)/4096, 1-(y+h/2+1024)/4096) and size (w/4096,h/4096).
• Exact uniform layer transform: p' = t + o + Rcw(angle)*scale*(p-o). Let c=(1024,1024) in design space. AnchorShift translates by c-o; ScaleRotate uses center/pivot (0.5,0.5), Size=scale and Angle=−rotation; Position translates by t+o-c. Translation (dx,dy) means Transform Center (0.5+dx/4096,0.5-dy/4096). Do not also put layer X/Y on a mask and double it.
• Apply overflow and clip in the layer's local coordinates before its own transform. Rounded rectangle radius r uses the union of central rectangles (r,0,w-2r,h), (0,r,w,h-2r) and four radius-r circles at inset corners. Clamp union alpha; do not add paint opacity. r=0 is one rectangle. CSS border is inward: outer stroke-color mask, then fill inset by strokeWidth with inner radius max(0,r-strokeWidth). Ellipses use their actual width/height.
• SVG contain factor = min(boxWidth/viewBoxWidth,boxHeight/viewBoxHeight); centered leftover margins are added before the layer transform. Polygon vertices are explicit source SVG numbers, not hand-traced film shapes.
• Every track uses the global local frame, including children that start later. Keys clamp outside their range. The left key owns easing: linear t, smooth t*t*(3-2*t), hold stays at its left value until the right key's frame. Use per-frame baked keys, not an approximate native ease preset.
• Merge Blend = active gate × local opacity. A child is visible only while all ancestor gates are active. Do not multiply parent opacity into each child: parent alpha belongs after its completed child composite.

Treatment-specific hierarchy

dashboard-camera is the only camera transform. Both chart-panel groups, window chrome, scrollbar and supporting copy are its descendants and use global local frames. The bar SVG and two-series line SVG retain fixed geometry across the whole window. Camera origin is (0,0). No independent target-card crop, axis rescale, fade or chart replacement may masquerade as a pan. Root desktop color remains fixed; the final crop exposes different parts of the same world.

RootPaper -> ordered root merges -> FinalCrop -> MediaOut
desktop-left [rect] -> desktop-left_Merge
dashboard-camera [group] -> dashboard-camera_Merge
  window-paper [rect] -> window-paper_Merge
  dashboard-paper [rect] -> dashboard-paper_Merge
  address [text] -> address_Merge
  dashboard-title [text] -> dashboard-title_Merge
  dashboard-note [text] -> dashboard-note_Merge
  window-dot-0 [ellipse] -> window-dot-0_Merge
  window-dot-1 [ellipse] -> window-dot-1_Merge
  window-dot-2 [ellipse] -> window-dot-2_Merge
  chart-panel-0 [group] -> chart-panel-0_Merge
    chart-0-paper [rect] -> chart-0-paper_Merge
    chart-0-title [text] -> chart-0-title_Merge
    chart-0-grid-0 [rect] -> chart-0-grid-0_Merge
    chart-0-tick-0 [text] -> chart-0-tick-0_Merge
    chart-0-grid-1 [rect] -> chart-0-grid-1_Merge
    chart-0-tick-1 [text] -> chart-0-tick-1_Merge
    chart-0-grid-2 [rect] -> chart-0-grid-2_Merge
    chart-0-tick-2 [text] -> chart-0-tick-2_Merge
    chart-0-grid-3 [rect] -> chart-0-grid-3_Merge
    chart-0-tick-3 [text] -> chart-0-tick-3_Merge
    chart-0-grid-4 [rect] -> chart-0-grid-4_Merge
    chart-0-tick-4 [text] -> chart-0-tick-4_Merge
    chart-0-art [image] -> chart-0-art_Merge
    chart-0-period-0 [text] -> chart-0-period-0_Merge
    chart-0-period-1 [text] -> chart-0-period-1_Merge
    chart-0-period-2 [text] -> chart-0-period-2_Merge
    chart-0-period-3 [text] -> chart-0-period-3_Merge
    chart-0-period-4 [text] -> chart-0-period-4_Merge
    chart-0-legend-dot [ellipse] -> chart-0-legend-dot_Merge
    chart-0-legend [text] -> chart-0-legend_Merge
    chart-0-sources [text] -> chart-0-sources_Merge
  chart-panel-1 [group] -> chart-panel-1_Merge
    chart-1-paper [rect] -> chart-1-paper_Merge
    chart-1-title [text] -> chart-1-title_Merge
    chart-1-grid-0 [rect] -> chart-1-grid-0_Merge
    chart-1-tick-0 [text] -> chart-1-tick-0_Merge
    chart-1-grid-1 [rect] -> chart-1-grid-1_Merge
    chart-1-tick-1 [text] -> chart-1-tick-1_Merge
    chart-1-grid-2 [rect] -> chart-1-grid-2_Merge
    chart-1-tick-2 [text] -> chart-1-tick-2_Merge
    chart-1-grid-3 [rect] -> chart-1-grid-3_Merge
    chart-1-tick-3 [text] -> chart-1-tick-3_Merge
    chart-1-grid-4 [rect] -> chart-1-grid-4_Merge
    chart-1-tick-4 [text] -> chart-1-tick-4_Merge
    chart-1-art [image] -> chart-1-art_Merge
    chart-1-period-0 [text] -> chart-1-period-0_Merge
    chart-1-period-1 [text] -> chart-1-period-1_Merge
    chart-1-period-2 [text] -> chart-1-period-2_Merge
    chart-1-period-3 [text] -> chart-1-period-3_Merge
    chart-1-period-4 [text] -> chart-1-period-4_Merge
    chart-1-legend-dot [ellipse] -> chart-1-legend-dot_Merge
    chart-1-legend [text] -> chart-1-legend_Merge
    chart-1-sources [text] -> chart-1-sources_Merge
  summary-heading [text] -> summary-heading_Merge
  summary-line [rect] -> summary-line_Merge
  summary-row [text] -> summary-row_Merge
  composer-paper [rect] -> composer-paper_Merge
  composer-placeholder [text] -> composer-placeholder_Merge
  scroll-track [rect] -> scroll-track_Merge
  scroll-thumb [rect] -> scroll-thumb_Merge

Animated controls

Every static numeric/text/shape control remains in guide.json.fusionNodes; this short table lists animated controls only. The complete raw key arrays and per-frame values are in the guide and CSVs.

Differences and acceptance limits

Largest gap: the source has pronounced directional shutter/exposure smear during lateral travel. This adapter uses a clean deterministic camera path with no exposure blur; it does not claim to match that look. Camera matrices and smoothstep tails are visually fitted, not recovered authoring values. The original workshop/nursery dashboard substitutes all financial data, browser branding and wallpaper. A few-frame partial return at the cutoff is retained without claiming its unseen destination.

The builder has not executed Resolve or reviewed moving candidate output. Archive hashes, schema checks, sampled controls and custom-content preflights cannot validate native antialiasing, Text+ layout, browser shaping, occlusion readability or motion quality. Parent rendering and independent comparison are separate acceptance gates. Source quality remains false until that process explicitly establishes otherwise. No corpus or publication count is changed.

Optional provenance audits may resolve the repo: and accepted-stage: bindings in provenance.json against the retained research archive. Those historical sources are not needed to install, preflight, render or manually construct this public kit, and may never become adaptation inputs.