> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Week in Merges > Each author's avatar bounces across their row at a speed set by how many pull requests they merged # Week in Merges Each author's avatar bounces across their row at a speed set by how many pull requests they merged **Week in Merges** ```html week-in-merges.html Week in Merges

``` Copy npx hyperframes add week-in-merges to the clipboard That writes one file: `compositions/week-in-merges.html`. ## Add it to your video It runs for 16 seconds at 1080×1350. Paste this into your composition: ```html index.html
``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest. ## Change how it looks Set these CSS variables on the block: * `eyebrow` — Eyebrow. Defaults to `ACME / WEEK IN MERGES`. * `title` — Title. Defaults to `Pull requests merged this week`. * `period` — Period. Defaults to `1 September - 7 September 2026 · America/Los_Angeles`. * `total` — Total. Defaults to `12 PRs`. * `footer` — Footer. Defaults to `Speed proportional to merges · By PR author`. * `source` — Source line. Defaults to `Example org · 1 repo · Bots · 0`. * `rows` — Rows (JSON array of name, merges, avatar). Defaults to `[{"name":"Ada","merges":12,"avatar":""},{"name":"Bao","merges":7,"avatar":""},{"name":"Cam","merges":4,"avatar":""},{"name":"Dee","merges":2,"avatar":""},{"name":"Eli","merges":1,"avatar":""}]`. * `rows_max` — Maximum rows. Defaults to `12`. * `overflow` — Overflow line. Defaults to \`\`. ## Variables Every one of these has a default, so the piece works untouched. Set the ones you want to change on the element: | Variable | Default | Accepts | What it does | | - | - | - | - | | `eyebrow` | `ACME / WEEK IN MERGES` | string | | | `title` | `Pull requests merged this week` | string | | | `period` | `1 September - 7 September 2026 · America/Los_Angeles` | string | | | `total` | `12 PRs` | string | | | `footer` | `Speed proportional to merges · By PR author` | string | | | `source` | `Example org · 1 repo · Bots · 0` | string | | | `rows` | `[{"name":"Ada","merges":12,"avatar":""},{"name":"Bao","merges":7,"avatar":""},{"name":"Cam","merges":4,"avatar":""},{"name":"Dee","merges":2,"avatar":""},{"name":"Eli","merges":1,"avatar":""}]` | string | | | `rows_max` | `12` | 1 to 12, step 1 | Authors drawn, highest merge count first. | | `overflow` | \`\` | string | Line for everyone past the cap. Empty writes it from the rows left out. | Set them with `data-variable-values` on the element that mounts it. These are the defaults, so this behaves exactly like the preview above until you change one: ```html wrap
``` {/* hf:generated-footer */} Tagged `data` `chart` `ranking` `leaderboard`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md)