{
  "id": "expert-lens-scoring-matrix",
  "name": "Scoring Matrix",
  "theme": "expert-lens",
  "category": "Data & Reports",
  "description": "Every reviewer against every criterion, with the cell tinted by score so disagreement is a visible pattern rather than a number you have to compute.",
  "layout": "A heat-tinted matrix with reviewers as rows and criteria as columns; a mean column on the right and a variance row beneath, both set apart by a heavier rule.",
  "modules": [
    {
      "key": "head",
      "name": "Matrix header",
      "html": "\n<header class=\"mh\"><h1>Submission #0412 · score matrix</h1><p>Five reviewers, four criteria, scored 1–5. Tint is score; the outline marks the two cells the chair flagged.</p></header>"
    },
    {
      "key": "matrix",
      "name": "Heat matrix",
      "html": "\n<table class=\"mx\">\n  <thead><tr><th scope=\"col\">Reviewer</th><th scope=\"col\">Novelty</th><th scope=\"col\">Rigour</th><th scope=\"col\">Clarity</th><th scope=\"col\">Impact</th><th scope=\"col\" class=\"mean\">Mean</th></tr></thead>\n  <tbody>\n    <tr><th scope=\"row\">K. Adeyemi</th><td class=\"v4\">4</td><td class=\"v3\">3</td><td class=\"v5\">5</td><td class=\"v3\">3</td><td class=\"mean\">3.8</td></tr>\n    <tr><th scope=\"row\">R. Vasquez</th><td class=\"v5\">5</td><td class=\"v4\">4</td><td class=\"v4\">4</td><td class=\"v4\">4</td><td class=\"mean\">4.3</td></tr>\n    <tr><th scope=\"row\">T. Okonkwo</th><td class=\"v2 flag\">2</td><td class=\"v2\">2</td><td class=\"v3\">3</td><td class=\"v1 flag\">1</td><td class=\"mean\">2.0</td></tr>\n    <tr><th scope=\"row\">M. Feng</th><td class=\"v4\">4</td><td class=\"v3\">3</td><td class=\"v4\">4</td><td class=\"v3\">3</td><td class=\"mean\">3.5</td></tr>\n    <tr><th scope=\"row\">S. Halvorsen</th><td class=\"v3\">3</td><td class=\"v4\">4</td><td class=\"v5\">5</td><td class=\"v2\">2</td><td class=\"mean\">3.5</td></tr>\n  </tbody>\n  <tfoot><tr><th scope=\"row\">Variance</th><td>1.36</td><td>0.64</td><td>0.56</td><td class=\"hi\">1.20</td><td class=\"mean\">—</td></tr></tfoot>\n</table>"
    },
    {
      "key": "read",
      "name": "Reading note",
      "html": "\n<footer class=\"rn\"><h3>How to read this</h3><p>Novelty and Impact carry the disagreement. One reviewer sits more than two points below the others on both, which is the pattern that usually means a scope misunderstanding rather than a quality judgement — worth a conversation before the panel, not a discarded score.</p><div class=\"key\"><span class=\"sw v1\"></span><span class=\"sw v2\"></span><span class=\"sw v3\"></span><span class=\"sw v4\"></span><span class=\"sw v5\"></span><em>1 → 5</em></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "expert-lens-scoring-matrix",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:34:32+09:00",
    "updatedAt": "2026-08-29T18:34:32+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/expert-lens-scoring-matrix.json",
  "structure": "A heat-tinted matrix with reviewers as rows and criteria as columns; a mean column on the right and a variance row beneath, both set apart by a heavier rule.",
  "html": "<div class=\"dz dz-expert-lens-scoring-matrix\" data-design=\"expert-lens-scoring-matrix\" data-theme=\"expert-lens\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Matrix header\">\n<header class=\"mh\"><h1>Submission #0412 · score matrix</h1><p>Five reviewers, four criteria, scored 1–5. Tint is score; the outline marks the two cells the chair flagged.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"matrix\" aria-label=\"Heat matrix\">\n<table class=\"mx\">\n  <thead><tr><th scope=\"col\">Reviewer</th><th scope=\"col\">Novelty</th><th scope=\"col\">Rigour</th><th scope=\"col\">Clarity</th><th scope=\"col\">Impact</th><th scope=\"col\" class=\"mean\">Mean</th></tr></thead>\n  <tbody>\n    <tr><th scope=\"row\">K. Adeyemi</th><td class=\"v4\">4</td><td class=\"v3\">3</td><td class=\"v5\">5</td><td class=\"v3\">3</td><td class=\"mean\">3.8</td></tr>\n    <tr><th scope=\"row\">R. Vasquez</th><td class=\"v5\">5</td><td class=\"v4\">4</td><td class=\"v4\">4</td><td class=\"v4\">4</td><td class=\"mean\">4.3</td></tr>\n    <tr><th scope=\"row\">T. Okonkwo</th><td class=\"v2 flag\">2</td><td class=\"v2\">2</td><td class=\"v3\">3</td><td class=\"v1 flag\">1</td><td class=\"mean\">2.0</td></tr>\n    <tr><th scope=\"row\">M. Feng</th><td class=\"v4\">4</td><td class=\"v3\">3</td><td class=\"v4\">4</td><td class=\"v3\">3</td><td class=\"mean\">3.5</td></tr>\n    <tr><th scope=\"row\">S. Halvorsen</th><td class=\"v3\">3</td><td class=\"v4\">4</td><td class=\"v5\">5</td><td class=\"v2\">2</td><td class=\"mean\">3.5</td></tr>\n  </tbody>\n  <tfoot><tr><th scope=\"row\">Variance</th><td>1.36</td><td>0.64</td><td>0.56</td><td class=\"hi\">1.20</td><td class=\"mean\">—</td></tr></tfoot>\n</table></section>\n<section class=\"dz-mod\" data-mod=\"read\" aria-label=\"Reading note\">\n<footer class=\"rn\"><h3>How to read this</h3><p>Novelty and Impact carry the disagreement. One reviewer sits more than two points below the others on both, which is the pattern that usually means a scope misunderstanding rather than a quality judgement — worth a conversation before the panel, not a discarded score.</p><div class=\"key\"><span class=\"sw v1\"></span><span class=\"sw v2\"></span><span class=\"sw v3\"></span><span class=\"sw v4\"></span><span class=\"sw v5\"></span><em>1 → 5</em></div></footer></section>\n</div>",
  "css": "\n.dz-expert-lens-scoring-matrix { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 28px 34px 30px; }\n.dz-expert-lens-scoring-matrix .mh h1 { font-family: var(--pv-display); font-size: 24px; font-weight: 500; margin: 0 0 6px; }\n.dz-expert-lens-scoring-matrix .mh p { margin: 0 0 22px; font-size: 13.5px; line-height: 1.6; color: var(--muted-foreground); max-width: 64ch; }\n.dz-expert-lens-scoring-matrix .mx { width: 100%; border-collapse: separate; border-spacing: 3px; }\n.dz-expert-lens-scoring-matrix .mx th { text-align: left; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-foreground); font-weight: 500; padding: 8px 10px; }\n.dz-expert-lens-scoring-matrix .mx tbody th { font-family: var(--pv-body); font-size: 13.5px; letter-spacing: 0; text-transform: none; color: var(--foreground); white-space: nowrap; }\n.dz-expert-lens-scoring-matrix .mx td { text-align: center; font-family: var(--pv-mono); font-size: 15px; padding: 12px 10px; border-radius: var(--pv-radius-sm); background: var(--muted); }\n.dz-expert-lens-scoring-matrix .v1 { background: color-mix(in srgb, var(--destructive) 40%, var(--muted)); }\n.dz-expert-lens-scoring-matrix .v2 { background: color-mix(in srgb, var(--destructive) 22%, var(--muted)); }\n.dz-expert-lens-scoring-matrix .v3 { background: var(--muted); }\n.dz-expert-lens-scoring-matrix .v4 { background: color-mix(in srgb, var(--primary) 24%, var(--muted)); }\n.dz-expert-lens-scoring-matrix .v5 { background: color-mix(in srgb, var(--primary) 44%, var(--muted)); }\n.dz-expert-lens-scoring-matrix .flag { outline: 2px solid var(--chart-4); outline-offset: -2px; }\n.dz-expert-lens-scoring-matrix .mean { background: var(--card); color: var(--primary); }\n.dz-expert-lens-scoring-matrix .mx tfoot td { background: none; color: var(--muted-foreground); font-size: 13px; box-shadow: inset 0 2px 0 var(--border); border-radius: 0; }\n.dz-expert-lens-scoring-matrix .mx tfoot .hi { color: var(--chart-4); }\n.dz-expert-lens-scoring-matrix .mx tfoot th { box-shadow: inset 0 2px 0 var(--border); }\n.dz-expert-lens-scoring-matrix .rn { margin-top: 24px; background: var(--card); border-radius: var(--pv-radius); padding: 18px 22px; }\n.dz-expert-lens-scoring-matrix .rn h3 { font-family: var(--pv-display); font-size: 17px; font-weight: 500; margin: 0 0 8px; }\n.dz-expert-lens-scoring-matrix .rn p { margin: 0 0 14px; font-size: 14px; line-height: 1.7; color: var(--muted-foreground); max-width: 70ch; }\n.dz-expert-lens-scoring-matrix .key { display: flex; align-items: center; gap: 5px; }\n.dz-expert-lens-scoring-matrix .sw { width: 22px; height: 12px; border-radius: 2px; }\n.dz-expert-lens-scoring-matrix .key em { font-style: normal; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted-foreground); margin-left: 8px; }\n@media (prefers-reduced-motion: reduce) { .dz-expert-lens-scoring-matrix *, .dz-expert-lens-scoring-matrix *::before, .dz-expert-lens-scoring-matrix *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/expert-lens.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}