{
  "id": "volcano-plot-differential-expression",
  "schemaVersion": 2,
  "title": {
    "ja": "処置後の遺伝子発現 — 上昇4、下降3が基準超え",
    "en": "Differential Expression — Four Up and Three Down Pass the Thresholds"
  },
  "summary": {
    "ja": "効果量とp値を二軸にし、閾値の外にある有意な上昇・下降候補を分類するvolcano plot",
    "en": "A volcano plot classifies significant increases and decreases using effect-size and p-value thresholds on two axes."
  },
  "capturedAt": "2026-09-25",
  "categories": [
    "presentation"
  ],
  "tags": [
    "data-viz",
    "minimal"
  ],
  "useCases": [
    "comparison",
    "comparison"
  ],
  "format": "slide-16x9",
  "density": "medium",
  "layout": {
    "kind": "axis",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 100,
      "right": 140,
      "bottom": 100,
      "left": 140
    }
  },
  "type": {
    "title": {
      "size": 46,
      "weight": 700,
      "tracking": "0.01em"
    },
    "subtitle": {
      "size": 22,
      "weight": 500
    },
    "axisTitle": {
      "size": 22,
      "weight": 700
    },
    "tick": {
      "size": 20,
      "weight": 500
    },
    "axisLabel": {
      "size": 20,
      "weight": 500
    },
    "gene": {
      "size": 20,
      "weight": 500
    },
    "legend": {
      "size": 20,
      "weight": 500
    },
    "takeaway": {
      "size": 28,
      "weight": 500
    },
    "note": {
      "size": 20,
      "weight": 400
    }
  },
  "colors": {
    "ground": "#FFFFFF",
    "surface": "#F4F6F9",
    "ink": "#131820",
    "muted": "#667183",
    "accent": "#1F5FA8",
    "rule": "#DBE1E9",
    "series": []
  },
  "rules": [
    {
      "ja": "横軸はlog₂ fold change、縦軸は−log₁₀(p値)。上ほど統計的有意性が高い",
      "en": "Plot log₂ fold change on x and −log₁₀(p) on y; points higher up have stronger statistical significance."
    },
    {
      "ja": "縦横の閾値線で区切り、有意かつ効果量基準を超える上昇・下降を分ける",
      "en": "Threshold lines separate significant changes that also pass the effect-size cutoff into increases and decreases."
    },
    {
      "ja": "一般的な散布図の相関解釈ではなく、仮説検定と変化方向の候補抽出に使う",
      "en": "Use this to screen tested changes by direction, not to interpret a generic correlation between two variables."
    },
    {
      "ja": "架空の12遺伝子。実分析では多重検定補正と実験条件を併せて判断する",
      "en": "Twelve fictional genes; real analyses also require multiple-testing correction and experimental context."
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.mjFyUypN.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": []
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "medium",
      "layout": {
        "kind": "axis",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 100,
          "right": 140,
          "bottom": 100,
          "left": 140
        }
      },
      "type": {
        "title": {
          "size": 46,
          "weight": 700,
          "tracking": "0.01em"
        },
        "subtitle": {
          "size": 22,
          "weight": 500
        },
        "axisTitle": {
          "size": 22,
          "weight": 700
        },
        "tick": {
          "size": 20,
          "weight": 500
        },
        "axisLabel": {
          "size": 20,
          "weight": 500
        },
        "gene": {
          "size": 20,
          "weight": 500
        },
        "legend": {
          "size": 20,
          "weight": 500
        },
        "takeaway": {
          "size": 28,
          "weight": 500
        },
        "note": {
          "size": 20,
          "weight": 400
        }
      },
      "colors": {
        "ground": "#FFFFFF",
        "surface": "#F4F6F9",
        "ink": "#131820",
        "muted": "#667183",
        "accent": "#1F5FA8",
        "rule": "#DBE1E9"
      },
      "rules": [
        "Plot log₂ fold change on x and −log₁₀(p) on y; points higher up have stronger statistical significance.",
        "Threshold lines separate significant changes that also pass the effect-size cutoff into increases and decreases.",
        "Use this to screen tested changes by direction, not to interpret a generic correlation between two variables.",
        "Twelve fictional genes; real analyses also require multiple-testing correction and experimental context."
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 100 右 140 下 100 左 140\n\n## 文字（版面 1920px に対する px）\ntitle  46px / 700 / 字間 0.01em\nsubtitle  22px / 500\naxisTitle  22px / 700\ntick  20px / 500\naxisLabel  20px / 500\ngene  20px / 500\nlegend  20px / 500\ntakeaway  28px / 500\nnote  20px / 400\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 横軸はlog₂ fold change、縦軸は−log₁₀(p値)。上ほど統計的有意性が高い\n- 縦横の閾値線で区切り、有意かつ効果量基準を超える上昇・下降を分ける\n- 一般的な散布図の相関解釈ではなく、仮説検定と変化方向の候補抽出に使う\n- 架空の12遺伝子。実分析では多重検定補正と実験条件を併せて判断する\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/volcano-plot-differential-expression/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 100 right 140 bottom 100 left 140\n\n## Type (px against a 1920px canvas)\ntitle  46px / 700 / tracking 0.01em\nsubtitle  22px / 500\naxisTitle  22px / 700\ntick  20px / 500\naxisLabel  20px / 500\ngene  20px / 500\nlegend  20px / 500\ntakeaway  28px / 500\nnote  20px / 400\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Plot log₂ fold change on x and −log₁₀(p) on y; points higher up have stronger statistical significance.\n- Threshold lines separate significant changes that also pass the effect-size cutoff into increases and decreases.\n- Use this to screen tested changes by direction, not to interpret a generic correlation between two variables.\n- Twelve fictional genes; real analyses also require multiple-testing correction and experimental context.\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/volcano-plot-differential-expression/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>処置後の遺伝子発現 — 上昇4、下降3が基準超え</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n:root{--ground:#FFFFFF;--surface:#F4F6F9;--ink:#131820;--muted:#667183;--accent:#1F5FA8;--rule:#DBE1E9;\n  --plot-color-1: #C16A24;\n  --plot-color-2: #8792A1;\n}\n*{box-sizing:border-box;margin:0}html,body{width:1920px;height:1080px}body{font-family:\"Zen Kaku Gothic New\",\"Hiragino Sans\",sans-serif}\n.artboard{width:1920px;height:1080px;padding:100px 140px;background:var(--ground);color:var(--ink)}.content{width:100%;height:100%;position:relative}.figure{position:absolute;left:-140px;top:-100px;width:1920px;height:1080px}\n</style>\n<div class=\"artboard\" data-artboard><div class=\"content\" data-content>\n<svg class=\"figure\" width=\"1920\" height=\"1080\" viewBox=\"0 0 1920 1080\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"架空の12遺伝子の差次発現volcano plot。横軸はlog2 fold change、縦軸はマイナスlog10 p値。効果量±1かつp値0.05未満の基準を超えた7遺伝子を上昇4、下降3に分類。\">\n<style>\n.figure{font-family:\"Zen Kaku Gothic New\",\"Hiragino Sans\",sans-serif}.ground{fill:var(--ground)}.ink{fill:var(--ink)}.muted{fill:var(--muted)}.rule{stroke:var(--rule)}\n.title{font-size:46px;font-weight:700;letter-spacing:.01em}.subtitle{font-size:22px;font-weight:500}.axis-title{font-size:22px;font-weight:700}.tick{font-size:20px;font-weight:500}.legend{font-size:20px;font-weight:500}.gene{font-size:20px;font-weight:500}.takeaway{font-size:28px;font-weight:500}.note{font-size:20px;font-weight:400}\n.sig-up{fill:var(--accent);stroke:var(--ground);stroke-width:3}.sig-down{fill:var(--plot-color-1);stroke:var(--ground);stroke-width:3}.other{fill:var(--plot-color-2);stroke:var(--ground);stroke-width:3}.threshold{stroke:var(--muted);stroke-width:2;stroke-dasharray:10 8}\n</style>\n<rect class=\"ground\" width=\"1920\" height=\"1080\"/>\n<text class=\"ink title\" data-type=\"title\" x=\"140\" y=\"153\">処置後の遺伝子発現 — 上昇4、下降3が基準超え</text>\n<text class=\"muted subtitle\" data-type=\"subtitle\" x=\"140\" y=\"201\">架空の12遺伝子 / 閾値: |log₂ fold change| ≥ 1、p値 &lt; 0.05</text>\n<line class=\"rule\" x1=\"140\" y1=\"238\" x2=\"1780\" y2=\"238\" stroke-width=\"2\"/>\n<text class=\"ink axis-title\" data-type=\"axisTitle\" x=\"960\" y=\"294\" text-anchor=\"middle\">効果量と統計的な有意性を合わせ、候補の方向を分類</text>\n<text class=\"muted legend\" x=\"140\" y=\"330\">−log₁₀(p)</text>\n<g class=\"rule\" fill=\"none\" stroke-width=\"1.5\">\n<line x1=\"505\" y1=\"360\" x2=\"1425\" y2=\"360\"/><line x1=\"505\" y1=\"434\" x2=\"1425\" y2=\"434\"/><line x1=\"505\" y1=\"508\" x2=\"1425\" y2=\"508\"/><line x1=\"505\" y1=\"582\" x2=\"1425\" y2=\"582\"/><line x1=\"505\" y1=\"656\" x2=\"1425\" y2=\"656\"/><line x1=\"505\" y1=\"730\" x2=\"1425\" y2=\"730\"/>\n<line x1=\"505\" y1=\"360\" x2=\"505\" y2=\"730\"/><line x1=\"735\" y1=\"360\" x2=\"735\" y2=\"730\"/><line x1=\"965\" y1=\"360\" x2=\"965\" y2=\"730\"/><line x1=\"1195\" y1=\"360\" x2=\"1195\" y2=\"730\"/><line x1=\"1425\" y1=\"360\" x2=\"1425\" y2=\"730\"/>\n</g>\n<line class=\"threshold\" x1=\"850\" y1=\"360\" x2=\"850\" y2=\"730\"/><line class=\"threshold\" x1=\"1080\" y1=\"360\" x2=\"1080\" y2=\"730\"/><line class=\"threshold\" x1=\"505\" y1=\"634\" x2=\"1425\" y2=\"634\"/>\n<text class=\"muted tick\" data-type=\"tick\" x=\"1438\" y=\"634\" dominant-baseline=\"central\">p=.05</text>\n<g class=\"muted tick\" text-anchor=\"end\" dominant-baseline=\"central\"><text data-type=\"tick\" x=\"475\" y=\"730\">0</text><text x=\"475\" y=\"656\">1</text><text x=\"475\" y=\"582\">2</text><text x=\"475\" y=\"508\">3</text><text x=\"475\" y=\"434\">4</text><text x=\"475\" y=\"360\">5</text></g>\n<g class=\"muted tick\" text-anchor=\"middle\" dominant-baseline=\"central\"><text data-type=\"tick\" x=\"505\" y=\"760\">−4</text><text x=\"735\" y=\"760\">−2</text><text x=\"850\" y=\"760\">−1</text><text x=\"965\" y=\"760\">0</text><text x=\"1080\" y=\"760\">+1</text><text x=\"1195\" y=\"760\">2</text><text x=\"1425\" y=\"760\">4</text></g>\n<!-- Significant: Alpha(2.4,3.2), Beta(1.5,2.4), Theta(3.2,1.6), Mu(2.6,2.7),\n     Delta(-2.1,3.4), Epsilon(-1.4,2.1), Lambda(-3.0,4.4). -->\n<g class=\"other\"><circle cx=\"1023\" cy=\"449\" r=\"9\"/><circle cx=\"643\" cy=\"656\" r=\"9\"/><circle cx=\"977\" cy=\"597\" r=\"9\"/><circle cx=\"758\" cy=\"671\" r=\"9\"/><circle cx=\"1069\" cy=\"693\" r=\"9\"/></g>\n<g class=\"sig-up\"><circle cx=\"1241\" cy=\"493\" r=\"11\"/><circle cx=\"1138\" cy=\"552\" r=\"11\"/><circle cx=\"1333\" cy=\"612\" r=\"11\"/><circle cx=\"1264\" cy=\"530\" r=\"11\"/></g>\n<g class=\"sig-down\"><circle cx=\"724\" cy=\"478\" r=\"11\"/><circle cx=\"804\" cy=\"575\" r=\"11\"/><circle cx=\"620\" cy=\"404\" r=\"11\"/></g>\n<g class=\"ink gene\"><text data-type=\"gene\" x=\"1260\" y=\"488\">Alpha</text><text x=\"1156\" y=\"547\">Beta</text><text x=\"1352\" y=\"608\">Theta</text><text x=\"1282\" y=\"525\">Mu</text><text x=\"744\" y=\"473\">Delta</text><text x=\"823\" y=\"570\">Epsilon</text><text x=\"640\" y=\"399\">Lambda</text></g>\n<text class=\"ink legend\" data-type=\"axisLabel\" x=\"965\" y=\"802\" text-anchor=\"middle\">log₂ fold change（負:発現低下 / 正:発現上昇）</text>\n<g dominant-baseline=\"central\"><circle class=\"sig-up\" cx=\"615\" cy=\"855\" r=\"10\"/><text class=\"ink legend\" data-type=\"legend\" x=\"638\" y=\"855\">有意な上昇</text><circle class=\"sig-down\" cx=\"885\" cy=\"855\" r=\"10\"/><text class=\"ink legend\" x=\"908\" y=\"855\">有意な下降</text><circle class=\"other\" cx=\"1155\" cy=\"855\" r=\"10\"/><text class=\"ink legend\" x=\"1178\" y=\"855\">両閾値未達</text></g>\n<text class=\"ink takeaway\" data-type=\"takeaway\" x=\"960\" y=\"930\" text-anchor=\"middle\">12候補中7遺伝子が両基準を超過 — 上昇4、下降3</text>\n<line class=\"rule\" x1=\"140\" y1=\"974\" x2=\"1780\" y2=\"974\" stroke-width=\"1\"/><text class=\"muted note\" data-type=\"note\" x=\"140\" y=\"1013\">閾値は説明用。多重検定補正、実験計画、効果量の実用性を確認し、生物学的結論と同一視しない。</text>\n</svg></div></div>\n",
      "url": "https://design-vault.pages.dev/designs/volcano-plot-differential-expression/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/volcano-plot-differential-expression/font.css",
        "https://design-vault.pages.dev/designs/volcano-plot-differential-expression/font-0.woff2",
        "https://design-vault.pages.dev/designs/volcano-plot-differential-expression/font-1.woff2",
        "https://design-vault.pages.dev/designs/volcano-plot-differential-expression/font-2.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/volcano-plot-differential-expression",
    "en": "https://design-vault.pages.dev/en/designs/volcano-plot-differential-expression"
  },
  "notesMarkdown": "### 視覚的な問い\n\n処置後に発現が大きく変化し、統計的な基準も満たす遺伝子候補はどれか。上昇・下降の方向は何か。\n\n### 構造\n\n横軸はlog₂ fold change、縦軸は−log₁₀(p値)。縦の2本線が効果量の閾値±1、横線がp値0.05に相当する1.3を\n示す。両条件を満たす点を上昇（右・青）と下降（左・橙）に分け、基準未達は灰色にする。この架空例では12候補中\n7候補が基準を超え、内訳は上昇4・下降3。\n\n一般的な散布図は2変数の関係を見るが、volcano plotは実験条件間の変化量と検定結果で候補を選ぶ。p値は例示上\n未補正であり、実際の遺伝子発現分析では多重検定補正、反復数、実験設計と効果量の実用性を合わせて評価する。"
}