egatari 0.0.0-stage → 0.6.4

package/kit/core/llm-pack-data.mjs

@@ -0,0 +1,1614 @@
+// generated by tools/make-llm-guide.mjs from tools/llm-guide/, docs/contract*.md and vendor/components/*/README.md; do not edit by hand
+// AI への指示の材料。組み立ては kit/core/llm-pack.mjs（buildPack）
+export const PACK = {
+ "sets": [
+  "stats",
+  "math",
+  "maps",
+  "kokugo",
+  "english",
+  "music",
+  "business",
+  "tools",
+  "science"
+ ],
+ "purposes": {
+  "source": "manifest",
+  "tiles": "manifest",
+  "list": [
+   {
+    "id": "compare",
+    "ids": [
+     "compare",
+     "ranking"
+    ],
+    "label": {
+     "en": "Compare (amounts, features)",
+     "ja": "比べる（量・特徴）"
+    },
+    "sub": {
+     "en": "bars, sorted bars, comparison",
+     "ja": "棒・並べた棒・比べる図"
+    },
+    "name": {
+     "ja": "比べる（量・特徴）",
+     "en": "Compare (amounts or features)"
+    },
+    "steps": {
+     "en": "One side, then the difference",
+     "ja": "一方を出し、それから違い"
+    },
+    "icon": "compare"
+   },
+   {
+    "id": "change",
+    "ids": [
+     "change"
+    ],
+    "label": {
+     "en": "Change",
+     "ja": "変化"
+    },
+    "sub": {
+     "en": "line, columns",
+     "ja": "折れ線・縦棒"
+    },
+    "name": {
+     "ja": "時間での変化",
+     "en": "Change over time"
+    },
+    "steps": {
+     "en": "One line at a time",
+     "ja": "線を 1 本ずつ"
+    },
+    "icon": "line"
+   },
+   {
+    "id": "part-whole",
+    "ids": [
+     "part-whole"
+    ],
+    "label": {
+     "en": "Part of a whole",
+     "ja": "内訳"
+    },
+    "sub": {
+     "en": "stacked bars, pie, nested circles",
+     "ja": "積み上げ棒・円・入れ子の円"
+    },
+    "name": {
+     "ja": "全体と内訳",
+     "en": "Part of a whole"
+    },
+    "steps": {
+     "en": "Whole at once",
+     "ja": "一度に全部"
+    },
+    "icon": "part"
+   },
+   {
+    "id": "key-number",
+    "ids": [
+     "key-number"
+    ],
+    "label": {
+     "en": "Key number",
+     "ja": "数字を見せる"
+    },
+    "sub": {
+     "en": "big number",
+     "ja": "大きな数字"
+    },
+    "name": {
+     "ja": "1 つの大事な数字",
+     "en": "One key number"
+    },
+    "steps": {
+     "en": "Whole at once",
+     "ja": "一度に全部"
+    },
+    "icon": "kpi"
+   },
+   {
+    "id": "process",
+    "ids": [
+     "process"
+    ],
+    "label": {
+     "en": "Steps",
+     "ja": "手順"
+    },
+    "sub": {
+     "en": "flow chart",
+     "ja": "流れ図"
+    },
+    "name": {
+     "ja": "手順・工程",
+     "en": "Steps of a process"
+    },
+    "steps": {
+     "en": "One step at a time",
+     "ja": "1 つの手順ずつ"
+    },
+    "icon": "flow"
+   },
+   {
+    "id": "timeline",
+    "ids": [
+     "timeline"
+    ],
+    "label": {
+     "en": "Timeline",
+     "ja": "年表・予定"
+    },
+    "sub": {
+     "en": "timeline",
+     "ja": "年表"
+    },
+    "name": {
+     "ja": "年表・予定",
+     "en": "Timeline, schedule"
+    },
+    "steps": {
+     "en": "One event at a time",
+     "ja": "1 つの出来事ずつ"
+    },
+    "icon": "timeline"
+   },
+   {
+    "id": "cause-effect",
+    "ids": [
+     "cause-effect"
+    ],
+    "label": {
+     "en": "Cause and effect",
+     "ja": "原因と結果"
+    },
+    "sub": {
+     "en": "fishbone",
+     "ja": "特性要因図"
+    },
+    "name": {
+     "ja": "原因と結果",
+     "en": "Cause and effect"
+    },
+    "steps": {
+     "en": "Causes, then the effect",
+     "ja": "原因、それから結果"
+    },
+    "icon": "cause"
+   },
+   {
+    "id": "cycle",
+    "ids": [
+     "cycle"
+    ],
+    "label": {
+     "en": "Cycle",
+     "ja": "循環"
+    },
+    "sub": {
+     "en": "cycle",
+     "ja": "サイクル"
+    },
+    "name": {
+     "ja": "循環",
+     "en": "Cycle"
+    },
+    "steps": {
+     "en": "One stage at a time",
+     "ja": "1 つの段階ずつ"
+    },
+    "icon": "cycle"
+   },
+   {
+    "id": "hierarchy",
+    "ids": [
+     "hierarchy"
+    ],
+    "label": {
+     "en": "Hierarchy",
+     "ja": "階層・分類"
+    },
+    "sub": {
+     "en": "tree",
+     "ja": "木"
+    },
+    "name": {
+     "ja": "階層・分類",
+     "en": "Hierarchy, classification"
+    },
+    "steps": {
+     "en": "Top down",
+     "ja": "上から"
+    },
+    "icon": "tree"
+   },
+   {
+    "id": "position",
+    "ids": [
+     "position"
+    ],
+    "label": {
+     "en": "Position",
+     "ja": "位置づけ"
+    },
+    "sub": {
+     "en": "4 quadrants, 2-axis map",
+     "ja": "4 象限・2 軸の地図"
+    },
+    "name": {
+     "ja": "位置づけ（2 軸）",
+     "en": "Position on 2 axes"
+    },
+    "steps": {
+     "en": "Axes, then items",
+     "ja": "軸、それから項目"
+    },
+    "icon": "matrix"
+   },
+   {
+    "id": "overlap",
+    "ids": [
+     "overlap"
+    ],
+    "label": {
+     "en": "Overlap",
+     "ja": "重なり"
+    },
+    "sub": {
+     "en": "Venn diagram",
+     "ja": "ベン図"
+    },
+    "name": {
+     "ja": "重なり",
+     "en": "Overlap"
+    },
+    "steps": {
+     "en": "Sets, then the overlap",
+     "ja": "集合、それから重なり"
+    },
+    "icon": "venn"
+   },
+   {
+    "id": "correlation",
+    "ids": [
+     "correlation"
+    ],
+    "label": {
+     "en": "Two quantities",
+     "ja": "2 つの量の関係"
+    },
+    "sub": {
+     "en": "scatter plot",
+     "ja": "散布図"
+    },
+    "name": {
+     "ja": "2 つの量の関係",
+     "en": "Two quantities"
+    },
+    "steps": {
+     "en": "Points, then the trend",
+     "ja": "点、それから傾向"
+    },
+    "icon": "scatter"
+   },
+   {
+    "id": "spread",
+    "ids": [
+     "spread"
+    ],
+    "label": {
+     "en": "Spread",
+     "ja": "ばらつき"
+    },
+    "sub": {
+     "en": "histogram, box plot, dot plot",
+     "ja": "ヒストグラム・箱ひげ図・ドットプロット"
+    },
+    "name": {
+     "ja": "ばらつき",
+     "en": "Spread"
+    },
+    "steps": {
+     "en": "Whole at once",
+     "ja": "一度に全部"
+    },
+    "icon": "dist"
+   },
+   {
+    "id": "contents",
+    "ids": [
+     "contents"
+    ],
+    "label": {
+     "en": "Contents",
+     "ja": "目次"
+    },
+    "sub": {
+     "en": "grid of cards",
+     "ja": "札の格子"
+    },
+    "name": {
+     "ja": "目次",
+     "en": "Contents"
+    },
+    "steps": {
+     "en": "Whole at once",
+     "ja": "一度に全部"
+    },
+    "icon": "menu"
+   },
+   {
+    "id": "predict",
+    "ids": [
+     "predict"
+    ],
+    "label": {
+     "en": "Predict, then check",
+     "ja": "予想して確かめる"
+    },
+    "sub": {
+     "en": "show of hands, then the answer",
+     "ja": "手を挙げて数える・答えを開く"
+    },
+    "name": {
+     "ja": "予想してから確かめる",
+     "en": "Predict, then check"
+    },
+    "steps": {
+     "en": "The question and choices, then the answer",
+     "ja": "問いと選択肢、それから答え"
+    },
+    "icon": "predict"
+   },
+   {
+    "id": "spatial",
+    "ids": [
+     "spatial"
+    ],
+    "label": {
+     "en": "Place / map",
+     "ja": "場所・地図"
+    },
+    "sub": {
+     "en": "map of Japan, choropleth, points and arrows",
+     "ja": "日本地図・塗り分け・地点と矢印"
+    },
+    "name": {
+     "ja": "場所・地図",
+     "en": "Place / map"
+    },
+    "steps": {
+     "en": "The map, then regions, points and arrows one at a time",
+     "ja": "地図、それから地域・点・矢印を 1 つずつ"
+    },
+    "icon": "map"
+   }
+  ],
+  "components": {
+   "m-bars": [
+    "compare",
+    "change",
+    "part-whole"
+   ],
+   "m-curves": [
+    "change"
+   ],
+   "m-flow": [
+    "process"
+   ],
+   "m-menu": [
+    "contents"
+   ],
+   "m-kpi": [
+    "key-number"
+   ],
+   "m-market": [
+    "part-whole"
+   ],
+   "m-quad": [
+    "position"
+   ],
+   "m-seq": [
+    "spread"
+   ],
+   "m-boxplot": [
+    "spread",
+    "compare"
+   ],
+   "m-cards": [
+    "process"
+   ],
+   "m-compare": [
+    "compare"
+   ],
+   "m-cycle": [
+    "cycle"
+   ],
+   "m-fishbone": [
+    "cause-effect"
+   ],
+   "m-heatmap": [
+    "compare",
+    "correlation"
+   ],
+   "m-hissan": [
+    "process"
+   ],
+   "m-hist": [
+    "spread"
+   ],
+   "m-kakijun": [
+    "process"
+   ],
+   "m-map-japan": [
+    "spatial"
+   ],
+   "m-map-world": [
+    "spatial"
+   ],
+   "m-numberline": [
+    "compare"
+   ],
+   "m-orbit": [
+    "cycle"
+   ],
+   "m-pie": [
+    "part-whole"
+   ],
+   "m-predict": [
+    "predict"
+   ],
+   "m-scatter": [
+    "correlation"
+   ],
+   "m-tape": [
+    "part-whole",
+    "compare"
+   ],
+   "m-timeline": [
+    "timeline"
+   ],
+   "m-tree": [
+    "hierarchy"
+   ],
+   "m-venn": [
+    "overlap"
+   ]
+  },
+  "variants": {
+   "m-bars": [],
+   "m-boxplot": [
+    "fade",
+    "draw"
+   ],
+   "m-cards": [
+    "rise",
+    "fade",
+    "draw"
+   ],
+   "m-compare": [
+    "fade",
+    "slide",
+    "reveal"
+   ],
+   "m-curves": [],
+   "m-cycle": [
+    "fade",
+    "draw",
+    "grow"
+   ],
+   "m-fishbone": [
+    "fade",
+    "draw",
+    "grow"
+   ],
+   "m-flow": [],
+   "m-gendai": [],
+   "m-heatmap": [
+    "fade",
+    "sweep"
+   ],
+   "m-hissan": [
+    "fade",
+    "draw"
+   ],
+   "m-hist": [
+    "fade",
+    "grow"
+   ],
+   "m-kakijun": [
+    "draw",
+    "pen"
+   ],
+   "m-kanbun": [],
+   "m-keyboard": [
+    "light",
+    "press",
+    "rise"
+   ],
+   "m-kobun": [],
+   "m-kpi": [
+    "count",
+    "rise",
+    "flip",
+    "underline"
+   ],
+   "m-map-japan": [
+    "fade",
+    "sweep",
+    "draw"
+   ],
+   "m-map-world": [
+    "fade",
+    "sweep",
+    "draw"
+   ],
+   "m-market": [],
+   "m-menu": [],
+   "m-numberline": [
+    "fade",
+    "draw"
+   ],
+   "m-orbit": [],
+   "m-pie": [
+    "fade",
+    "sweep",
+    "grow"
+   ],
+   "m-predict": [
+    "fade",
+    "draw"
+   ],
+   "m-quad": [],
+   "m-scatter": [
+    "fade",
+    "sweep",
+    "grow"
+   ],
+   "m-score": [
+    "light"
+   ],
+   "m-seq": [],
+   "m-sweep": [],
+   "m-syntax": [
+    "fade",
+    "draw"
+   ],
+   "m-tape": [
+    "fade",
+    "grow"
+   ],
+   "m-timeline": [
+    "fade",
+    "draw",
+    "grow"
+   ],
+   "m-timer": [
+    "fade"
+   ],
+   "m-tree": [
+    "fade",
+    "draw",
+    "grow"
+   ],
+   "m-venn": [
+    "fade",
+    "draw"
+   ]
+  }
+ },
+ "parts": [
+  {
+   "tag": "m-bars",
+   "set": "standard"
+  },
+  {
+   "tag": "m-boxplot",
+   "set": "stats"
+  },
+  {
+   "tag": "m-cards",
+   "set": "standard"
+  },
+  {
+   "tag": "m-compare",
+   "set": "standard"
+  },
+  {
+   "tag": "m-curves",
+   "set": "standard"
+  },
+  {
+   "tag": "m-cycle",
+   "set": "standard"
+  },
+  {
+   "tag": "m-fishbone",
+   "set": "standard"
+  },
+  {
+   "tag": "m-flow",
+   "set": "standard"
+  },
+  {
+   "tag": "m-gendai",
+   "set": "kokugo"
+  },
+  {
+   "tag": "m-heatmap",
+   "set": "stats"
+  },
+  {
+   "tag": "m-hissan",
+   "set": "math"
+  },
+  {
+   "tag": "m-hist",
+   "set": "stats"
+  },
+  {
+   "tag": "m-kakijun",
+   "set": "kokugo"
+  },
+  {
+   "tag": "m-kanbun",
+   "set": "kokugo"
+  },
+  {
+   "tag": "m-keyboard",
+   "set": "music"
+  },
+  {
+   "tag": "m-kobun",
+   "set": "kokugo"
+  },
+  {
+   "tag": "m-kpi",
+   "set": "standard"
+  },
+  {
+   "tag": "m-map-japan",
+   "set": "maps"
+  },
+  {
+   "tag": "m-map-world",
+   "set": "maps"
+  },
+  {
+   "tag": "m-market",
+   "set": "business"
+  },
+  {
+   "tag": "m-menu",
+   "set": "standard"
+  },
+  {
+   "tag": "m-numberline",
+   "set": "math"
+  },
+  {
+   "tag": "m-orbit",
+   "set": "science"
+  },
+  {
+   "tag": "m-pie",
+   "set": "standard"
+  },
+  {
+   "tag": "m-predict",
+   "set": "standard"
+  },
+  {
+   "tag": "m-quad",
+   "set": "standard"
+  },
+  {
+   "tag": "m-scatter",
+   "set": "standard"
+  },
+  {
+   "tag": "m-score",
+   "set": "music"
+  },
+  {
+   "tag": "m-seq",
+   "set": "stats"
+  },
+  {
+   "tag": "m-sweep",
+   "set": "math"
+  },
+  {
+   "tag": "m-syntax",
+   "set": "english"
+  },
+  {
+   "tag": "m-tape",
+   "set": "math"
+  },
+  {
+   "tag": "m-timeline",
+   "set": "standard"
+  },
+  {
+   "tag": "m-timer",
+   "set": "tools"
+  },
+  {
+   "tag": "m-tree",
+   "set": "standard"
+  },
+  {
+   "tag": "m-venn",
+   "set": "standard"
+  }
+ ],
+ "extra": [
+  "m-codetree",
+  "m-collect"
+ ],
+ "partsSrc": "https://github.com/egatari/components/blob/v2.1.2/components/",
+ "en": {
+  "common": "# Instructions for the AI\n\nPack version: `b47ccdba`\n\nYou will write one short **Egatari lesson**: an HTML slide deck with step-by-step reveals (`deck.html`) and a spoken script for it (`narration.md`). Both files are built and quality-checked automatically; anything not described here is not available. Write the lesson in the language the user asks for (slides and narration in the same language). Standards have ids such as **R-fit**; a fix request names the standards a draft broke. The user's request is in **What I want** at the end (or in the conversation before it): choose sensibly for any field that is empty or missing, and if both A and B are left, follow the one with content.\n\n**Before you start (the most common failures):**\n\n- **Both code blocks must be complete and closed.** Never stop in the middle of a block (R-output). Without an outline, keep the lesson short (5–8 slides). When the request gives an outline and a range of its slides, write exactly the slides of that range: the editor asks for at most 6 at a time, so they fit.\n- **Sizes on the 1280×720 slide** (the quality checker measures them, R-fit): the body area is 1184 × 443 px (to 565 px; 1184 × 558 with `noconcl`). Body text is 32 px with 46 px per line, so about **8 lines** fit; every overflowing 46 px is one line to cut. **All text, also inside figures and components, is at least 24 px.**\n- **Charts and figures:** components draw their labels at 24–28 px whatever their size (their SVG uses their own pixels), so size the component, not the text. A component of 380 px leaves room for one short line; with two lines, use 330 px.\n- **Inline `<svg>`:** its text is scaled by displayed width ÷ viewBox width, so write the viewBox in the pixels it is shown at, e.g. `<svg viewBox=\"0 0 560 320\" width=\"560\" height=\"320\">`, with `font-size` ≥ 24. Never combine `width:100%` with another viewBox width (a 600-wide viewBox shown 580 px wide turns 24 into 23.2 px). Prefer a component when one fits.\n\n## 1. Output format\n\n- **R-output** Reply with **exactly two fenced code blocks**, in this order, labelled `deck.html` and `narration.md` (the opening lines are ```` ```deck.html ```` and ```` ```narration.md ````). Put nothing between them; a one-line note before or after is fine. Never split a file over several blocks. Do not output files, a canvas or attachments: write both code blocks in the body of your chat message. Do not reference other files (no images, no `{{FIG:…}}`, no `{{JSON:…}}`, no external URLs, no `<link>`), and never stop in the middle of a block: if the deck would be too long, make fewer slides (but for a range of an outline, write exactly the requested slides).\n- **R-outline** When the request asks for an **outline only** (a long lesson made in two passes), reply with exactly one fenced code block labelled `outline` (the opening line is ```` ```outline ````) and no `deck.html` or `narration.md`: a Markdown table with the columns `#`, heading and point (one line), one row per slide, every slide of the lesson in order. Each later request names a range (“slides 7–12 of the outline”): write exactly those slides, following their headings and points.\n- **R-noids** Do **not** write slide ids. Write `<section class=\"slide\">` without `id`, and narration headings without `{#…}`. The editor adds ids after import. When you are given a deck that already has ids (a fix request), keep every existing `id=\"…\"` and `{#…}` exactly as it is.\n\n## 2. deck.html\n\n### 2.1 Skeleton\n\n```html\n<!DOCTYPE html>\n<html lang=\"en\" data-theme=\"default\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Lesson title</title>\n</head>\n<body>\n<div id=\"stage\">\n  <section class=\"slide cover noconcl static\"> … </section>\n  <section class=\"slide\"> … </section>\n</div>\n</body>\n</html>\n```\n\n- `lang`: `en`, `ja`, … (the language of the lesson). `data-theme`: `sumi` for business and pitch decks, `kokugo` for Japanese language arts, otherwise `default`.\n- No `<script>` except component data (§2.6), no `<link>`. A `<style>` block is allowed only for layout (sizes, gaps), never colors.\n\n### 2.2 Slides\n\n- Normal slide: `<h2>` heading, `<div class=\"body\">…</div>`, then `<div class=\"concl\"><span>…</span></div>` (the conclusion line: one short sentence).\n- Cover: `<section class=\"slide cover noconcl static\">` with optional `<div class=\"venue\">…</div>`, `<h1>title</h1>`, optional `<div class=\"au\">…</div>`.\n- Chapter divider: `<section class=\"slide sec noconcl static\"><h1>chapter title</h1></section>`.\n- Classes on `<section>`: `noconcl` (no conclusion line), `static` (no steps), `nostep` (all list items visible from the start), `layout-tate` (Japanese vertical writing; only with the kokugo part set, which describes it), and the `data-morph` attribute (§2.5).\n- Inside `.body`: `<p class=\"sub\">` sub-heading, `<div class=\"big\">` main equation, `<p class=\"note\">` note, `<div class=\"thm\">` theorem box, `<div class=\"cols\">` side-by-side columns, ordinary `<p>`, `<ul>`, `<ol>`, `<table>`.\n- Inline emphasis (the only way to color text): `term` (term or question), `emph` (conclusion, problem, goal), `muted` (known result, de-emphasized), `b` (bold).\n- **R-headings** Every slide heading (`h1` on the cover and dividers, `h2` elsewhere) is **different** from all the others (add a word if two would be the same), and the narration section of that slide starts with `## ` followed by **exactly the same heading text** (tags such as `<br>` dropped).\n- **R-colors** Colors only through the theme: the classes above and the math macros `\\hlE` `\\hlT` `\\hlM`; no hex, `rgb()`, named colors, `\\color` or `\\textcolor`. In a component or inline SVG: **Use only the theme's CSS variables for colors**: `var(--fg)` `var(--term)` `var(--emph)` `var(--muted)` `var(--accent2)` `var(--line)`. In SVG write `style=\"stroke:var(--emph)\"` rather than an attribute (`DECK.el` moves `fill` and `stroke` into style automatically when they contain `var(`)\n\n### 2.3 Steps (reveal order = speaking order)\n\n- **R-steps** Step 0 is the slide as it first appears: context only (heading, sub-heading, one framing sentence). An element with `data-step=\"k\"` (k = 1, 2, …) appears at step k; material (list items, equations, table rows, figure parts) appears in the order you talk about it. An equation and the sentence that introduces it share one step (wrap both in `<div data-step=\"k\">`). About 5 steps per slide at most.\n- The conclusion line automatically becomes the **last step**, `concl`; never put `data-step` on it.\n- If a slide has **no** `data-step` anywhere, its top-level list items (`.body > ul > li`, `.body > ol > li`) are numbered 1, 2, … automatically. As soon as any element has `data-step`, nothing is automatic: give every revealed element its `data-step`.\n- A component adds its own steps (§3), starting at its `data-from` (default 1).\n- So the steps of a slide are `0 … max` plus `concl` if it has a conclusion line. A `static` slide has only step 0.\n\n### 2.4 Math (KaTeX, rendered at build time)\n\n- **R-math** Inline `\\( … \\)`, display `\\[ … \\]`. Write `<` as `\\lt` and `>` as `\\gt` inside math. Allowed macros besides standard KaTeX: `\\hlE{…}` (emph) `\\hlT{…}` (term) `\\hlM{…}` (muted), `\\htmlId{ID}{…}`, `\\htmlData{mark=ID}{…}`, `\\htmlClass{…}{…}`, `\\morph{ID}{…}`. No `\\newcommand`, no `\\color`. Define each symbol where it is first used (`\\(\\mu\\)`: the mean).\n\n### 2.5 Attention marks and morphs\n\n- **R-marks** The narration’s `{mark:ID}` (§4) marks a target on the **same slide**. Targets: an element in the slide with `id=\"ID\"` or `data-mark=\"ID\"`. For part of an equation, KaTeX's `\\htmlId{ID}{…}` / `\\htmlData{mark=ID}{…}` (the build allows only these two and `\\htmlClass`). If the same ID is used on several slides, use `data-mark` (ids must be unique in the document)\n- Morph (optional): `<section class=\"slide\" data-morph>` slides elements from the previous slide into place; pair elements with the same `data-id=\"…\"` on both slides, or equation parts with `\\morph{ID}{…}` on both. Only elements visible at step 0 move.\n\n### 2.6 Components\n\n- **R-components** Animated figures are the Web Components `<m-…>` of the catalog (§3), used inside `.body`. Give each a height (`style=\"height:380px\"`) and an `aria-label`. Data goes in **one** child `<script type=\"application/json\">…</script>` written inline (never `{{JSON:…}}`). **Numbers in figures must be correct** (compute them; never invent values for looks; label made-up business figures as fictional). Function formulas are arithmetic expressions only (`Math.exp(x)`, `x**2`); they are never run as code. Use components only where motion explains something; most slides need none.\n\n### 2.7 Choosing a representation\n\n- **R-purpose** Choose the representation from what the slide must say, not from habit. If the author names a chart type, use it. The table lists every part; use only those in the text you were given (§3, and the part sets included). If a part that is not included would fit better, say so in a one-line note.\n\n{{PURPOSES}}\n\n- **R-whole** Lists, KPI cards and pies are shown whole; do not reveal them line by line unless the narration discusses each item in turn (for a list, give it one `data-step` or put `nostep` on the slide).\n\n### 2.8 Fitting the slide (1280×720; the quality checker reports errors)\n\n- **R-title** Heading: Japanese at most 26 units (full-width character = 1, ASCII = 0.5); English at most 60 characters. Never ends with a colon.\n- **R-concl** Conclusion line: Japanese at most 35 units; English at most 70 characters. One line.\n- **R-fit** The body must end above 565 px (680 px with `noconcl`): about 8 lines / 100 Japanese characters / 60 English words per slide, or one `big` equation and 3 short bullets, or a component of height ≤ 380 px and one short line (≤ 330 px with two). If it does not fit, split the slide; never shrink text and never set font sizes. Text in figures is at least 24 px.\n- **R-style** Japanese slides: plain style (だ・である, 体言止め), no です・ます on slides, one punctuation style in the whole deck (`、。` or `，．`). English slides: short phrases, sentence case.\n\n## 3. Component catalog\n\nThese standard components may be used in any lesson; a part set, when it is included after §6, adds the components of its kind of material. Generated from the component READMEs (their notes are in Japanese). “steps” is how many slide steps a component uses (from `data-from`, default 1). Timing attributes (durations and delays in seconds) are not listed; their defaults fit the narration. Attribute values of type json are written as JSON in the attribute (`values=\"[0.1,0.5]\"`). In “data shape”, `?` marks an optional field; where no type is written, label, tex, note and tone are str, step is int and at is num.\n\n{{CATALOG}}\n\n## 4. narration.md\n\n```markdown\n# Narration: <lesson title>\n\n## The decay law\n[0] Here is the decay law. We follow how many atoms are left.\n[1] The number left is the starting number times a shrinking exponential.\n[2] {mark:n0|circle}{N₀|N naught} is the number at the start, at time zero.\n[concl] The half-life depends only on the decay constant.\n```\n\n- One section per slide, **in slide order, for every slide (cover included)**: `## <slide heading>` (R-headings), no `{#id}` (R-noids).\n- **R-narr-steps** Step markers `[0]`, `[1]`, … and `[concl]`. **Every step of every slide has narration** (step 0 to max, and `[concl]` if the slide has a conclusion line), and there are **no markers for steps that do not exist** (a `static` cover has only `[0]`; a slide without a conclusion line has no `[concl]`; never `[01]`). Within a step, talk only about what appears at that step.\n- **R-dialogue** **One narrator by default**: write no speaker names. Write a dialogue only when asked (if asked for three or more speakers, keep two roles and say so first): lines start with `Expert:` or `Novice:` (continuation lines indented; a line without a speaker is Expert), shaped as a cognitive apprenticeship:\n  - Novice is never a mere backchannel: Novice voices the question a learner is likely to have, or paraphrases (“So …, is that right?”)\n  - Expert answers and adds one example or analogy, or confirms (or corrects) the paraphrase and takes one step further\n  - Only at a comprehension fork (where learners tend to misunderstand, or a “why” remains): at most one exchange per slide, 2–3 turns. Elsewhere Expert alone\n  - Never a turn that is only “I see”, or that repeats the previous turn. Example: `Novice: So a larger rate always gets there faster?` `Expert: Not always. Too large, and each step jumps across the valley, like striding downhill onto the opposite slope.`\n- `{note:…}`: presenter directions.\n- `{cue}`: a sync point inside a step, one per entry of the component’s `cues(k)` (only where a component’s README asks for it; otherwise omit).\n- `{mark:ID}`, `{mark:ID|effect}`, `{mark:ID|effect|hold=seconds}`, `{mark:clear}`: placed **right before** the words about the target; at most 1–2 per step; still say the thing in words. Effects: `underline` (default; a hand-drawn underline from left to right), `circle` (a hand-drawn circle), `box` (a rounded frame), `spot` (dims everything except the area around the target with the background color), `laser` (a dot of light slides to below the target and stays briefly)\n- **R-reading** `{display|reading}` gives the reading of **one symbol or one term**: `{θ|theta}`, `{N₀|N naught}`, `{x̄|x bar}`, `{論語|ろんご}`. One symbol may carry a star, a prime, a subscript or superscript, or a hat/bar/tilde (`{Q*|Q star}`, `{x′|x prime}`, `{θ̂|theta hat}`). Write the display part in plain Unicode, not LaTeX, and never as an expression or several symbols (`{1-η|…}`, `{a*b|…}` and `{θとη|…}` are wrong: give each symbol its own reading and say the relation in words).\n- **R-formula** **Never read an equation aloud**: no LaTeX, no `\\`, `^`, `_`, and no strings such as `a + b = c` in the narration. Say what the equation means (“the number left is the starting number times a shrinking exponential”).\n- Japanese narration is polite spoken Japanese (です・ます); English narration is plain spoken English. About 5 Japanese characters or 2.5 English words per second; 1–3 sentences per turn.\n\n## 5. Fix requests\n\nWhen the user pastes a **fix request** (a list of findings with the ids of the standards, followed by the current files), fix exactly those findings, keep everything else, keep every `id=\"…\"` and `{#…}` unchanged (R-noids), and reply again with the two blocks (R-output). If the request contains only some slides, return only those `<section>` elements in the `deck.html` block (no `<html>`) and only their sections in the `narration.md` block; the editor puts them back in place by id.\n\n## 6. Worked example\n\nA small lesson, fictional, showing the structure only (do not copy its content). Note how the steps add up: the list of 2 items gives steps 1–2 and `[concl]`<!--part:m-flow-->; the `m-flow` with 4 boxes gives steps 1–4<!--/part-->. The static cover has `[0]` only. Some part sets end with an example of their own.\n\n### Common (English, default theme, marks<!--part:m-flow-->, m-flow<!--/part-->)\n\n```deck.html\n<!DOCTYPE html>\n<html lang=\"en\" data-theme=\"default\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>How a web page arrives</title>\n</head>\n<body>\n<div id=\"stage\">\n\n<section class=\"slide cover noconcl static\">\n  <div class=\"venue\">Computing basics, lesson 1 (a fictional course)</div>\n  <h1>How a web page arrives</h1>\n</section>\n\n<section class=\"slide\">\n  <h2>Two programs take part</h2>\n  <div class=\"body\">\n    <p>Opening a page is a conversation between two programs.</p>\n    <ul>\n      <li id=\"browser\">The <span class=\"term\">browser</span> asks for the page and draws it</li>\n      <li id=\"server\">The <span class=\"term\">server</span> keeps the page and sends it back</li>\n    </ul>\n  </div>\n  <div class=\"concl\"><span>Every page load is a request and a reply</span></div>\n</section><!--part:m-flow-->\n\n<section class=\"slide\">\n  <h2>From the address to the screen</h2>\n  <div class=\"body\">\n    <m-flow style=\"height:300px\" aria-label=\"Four stages: type the address, send a request, send the page back, draw the page\">\n      <script type=\"application/json\">{\"nodes\": [\n        {\"id\": \"a\", \"label\": \"Type the\\naddress\", \"x\": 10, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 1},\n        {\"id\": \"b\", \"label\": \"Send a\\nrequest\", \"x\": 315, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 2},\n        {\"id\": \"c\", \"label\": \"Send the\\npage back\", \"x\": 620, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 3, \"tone\": \"term\"},\n        {\"id\": \"d\", \"label\": \"Draw the\\npage\", \"x\": 925, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 4, \"tone\": \"emph\"}\n      ], \"edges\": [\n        {\"from\": \"a\", \"to\": \"b\"}, {\"from\": \"b\", \"to\": \"c\"}, {\"from\": \"c\", \"to\": \"d\"}\n      ]}</script>\n    </m-flow>\n  </div>\n  <div class=\"concl\"><span>A slow page is slow in one of these four stages</span></div>\n</section><!--/part-->\n\n</div>\n</body>\n</html>\n```\n\n```narration.md\n# Narration: How a web page arrives\n\n## How a web page arrives\n[0] Today we follow a web page on its way from a server to your screen.\n\n## Two programs take part\n[0] Opening a page is a conversation between two programs.\n[1] {mark:browser}The browser is the program you look at. It asks for the page and then draws it.\n[2] {mark:server}The server is a program on another computer. It keeps the page and sends it back when asked.\n[concl] Every page load is a request and a reply.<!--part:m-flow-->\n\n## From the address to the screen\n[0] Let us put the steps in order.\n[1] First you type the address of the page.\n[2] The browser turns it into a request and sends it to the server.\n[3] The server finds the page and sends it back.\n[4] The browser draws the page on the screen.\n[concl] When a page is slow, one of these four stages is taking the time.<!--/part-->\n```",
+  "request": "# What I want\n\n*(Fill in A or B and delete the other; delete fields you leave empty.)*\n\n**A. Make a new lesson**\n\n- Title (used as is on the cover):\n- Audience:\n- Length (slides or minutes):\n- Language:\n- Speakers: one narrator\n- Other wishes:\n\n**B. From the material and discussion in this chat**\n\nMake the lesson from the material given in this chat and what we have discussed so far.\n\n- Title (used as is on the cover):\n- Audience:\n- Length (slides or minutes):\n- Language:\n- Speakers: one narrator\n- Other wishes:",
+  "sets": {
+   "stats": "## Part set: stats (statistics charts)\n\nFor lessons and talks with data: distributions, box plots, heatmaps, and a distribution updated one observation at a time. Use the `default` theme. Give the source and the size of every data set on the slide or in the narration, and never invent data that looks real (R-components).\n\n- **Axis charts** (<!--part:m-hist-->`m-hist`, <!--/part--><!--part:m-boxplot-->`m-boxplot`, <!--/part--><!--part:m-seq-->`m-seq`, <!--/part-->and the like) reserve 86 px at the left and 80 px in all at the top and bottom for ticks and axis names: give them a height of **300–380 px** and a width of **at least 560 px** (in `<div class=\"cols\">`, give the chart column at least 55%).\n- Make the axis ranges contain every plotted value (computed as R-components says).\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "math": "## Part set: math (arithmetic and mathematics)\n\nFor arithmetic and mathematics lessons: column arithmetic, number lines, tape diagrams, and a function that changes with a parameter. Use the `default` theme.\n\n- **Axis charts** (<!--part:m-sweep-->`m-sweep`, <!--/part--><!--part:m-curves-->`m-curves`, <!--/part-->and the like) reserve 86 px at the left and 80 px in all at the top and bottom for ticks and axis names: give them a height of **300–380 px** and a width of **at least 560 px** (in `<div class=\"cols\">`, give the chart column at least 55%).\n- Make the axis ranges contain every plotted value (computed as R-components says).\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}\n\n<!--part:m-sweep-->### Worked example: math (English, default theme, m-sweep)\n\n(only the slides with the part; the rest of `deck.html` is as in §6)\n\n```deck.html\n<section class=\"slide\">\n  <h2>A larger λ decays faster</h2>\n  <div class=\"body\">\n    <div class=\"cols\" style=\"gap:24px\">\n      <div style=\"flex:0 0 36%\">\n        <div class=\"big\">\\[ \\frac{N(t)}{N_0}=e^{-\\lambda t} \\]</div>\n        <ul class=\"nostep\"><li>Grey: the previous \\(\\lambda\\)</li></ul>\n      </div>\n      <m-sweep f=\"Math.exp(-c*u)\" values=\"[0.2,0.5,1.0]\" param=\"λ\" xr=\"[0,6]\" yr=\"[0,1]\" xt=\"[0,2,4,6]\" yt=\"[0,0.5,1]\"\n               xl=\"*t*\" yl=\"share left\" digits=\"1\" style=\"height:380px\" aria-label=\"Share of atoms left over time for three decay constants\"></m-sweep>\n    </div>\n  </div>\n  <div class=\"concl\"><span>Raising λ shortens the half-life</span></div>\n</section>\n```\n\n```narration.md\n## A larger λ decays faster\n[0] Let us change the decay constant and watch the share of atoms left.\n[1] Raising it from 0.2 to 0.5 makes the curve fall faster.\n[2] At 1.0 it falls faster still.\n[concl] A larger decay constant means a shorter half-life.\n```<!--/part-->\n\n<!--part:m-sweep-->Steps: the `m-sweep` with 3 values gives steps 1–2.<!--/part-->",
+   "maps": "## Part set: maps\n\nFor lessons and guides with maps: geography, history and local information on a map of Japan or of the world. Use the `default` theme. Give the year and the source of every figure (population, area, production) on the slide or in the narration.\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "kokugo": "## Part set: kokugo (Japanese language arts)\n\nFor 国語 lessons: 漢文, 古文 and 現代文. Use the `kokugo` theme. In the narration, give the reading of hard words and names with `{display|reading}` (R-reading).\n\n- **Vertical slides:** `<section class=\"slide layout-tate\">` sets the whole slide in vertical writing. The `<h2>` is one vertical column at the right edge (about 14 full-width characters; it does not wrap), the body runs in columns from right to left, and the conclusion line is a vertical column at the left edge (about 19 characters). The body must stay between the two columns (the quality checker reports an overlap). Components, figures and tables in the body stay horizontal at the full body width: use their vertical option (<!--part:m-kobun-->`m-kobun tate`<!--/part--><!--part:m-kobun,m-gendai-->, <!--/part--><!--part:m-gendai-->`m-gendai tate`<!--/part--><!--part:m-kanbun-->; `m-kanbun` is always vertical<!--/part-->).\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}\n\n<!--part:m-kanbun-->### Worked example: kokugo (kokugo theme, m-kanbun)\n\n(only the slides with the part; the rest of `deck.html` is as in §6)\n\n```deck.html\n<section class=\"slide\">\n  <h2>学びて時に之を習ふ</h2>\n  <div class=\"body\">\n    <m-kanbun style=\"height:440px\" aria-label=\"『論語』学而篇の冒頭の白文、訓点、読む順、書き下し文\">\n      学(ビテ)而{-}時(ニ)習(フ)[レ]之(ヲ)、\n      不{=ず}[二]亦(タ)説(バシカラ)[一]乎{=や}。\n    </m-kanbun>\n  </div>\n  <div class=\"concl\"><span>一二点は、一を読んでから二へ戻る</span></div>\n</section>\n```\n\n```narration.md\n## 学びて時に之を習ふ\n[0] 返り点も送り仮名もない、白文です。\n[1] 返り点と送り仮名を付けます。而は、読まない置き字です。\n[2] 読む順に字をたどります。一句目は、レ点で之から習へ戻ります。\n[3] 二句目は、一二点で説から不へ戻ります。\n[4] 書き下し文にすると、学びて時に之を習ふ、亦た説ばしからずや、となります。\n[concl] 一二点は、一の字を読んでから、二の字へ戻ります。\n```<!--/part-->\n\n<!--part:m-kanbun-->Steps: `m-kanbun` gives 訓点 (step 1), then one step per 句 of the reading order, then the 書き下し文: write one `[n]` per 句.<!--/part-->",
+   "english": "## Part set: english (English as a foreign language)\n\nFor English lessons taught in Japanese: the structure of English sentences (S V O C M, phrases and clauses, what modifies what) with a Japanese translation. Use the `default` theme. Write the English sentences exactly as the class reads them, and keep the Japanese narration short; read the English examples aloud only when the lesson needs it.\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "music": "## Part set: music (pitch, scales, chords)\n\nFor music lessons: pitch, scales, intervals and chords on a piano keyboard. Use the `default` theme. Name notes as the class does (ドレミ, C D E, or ハニホ) and keep the same names on the slide and in the narration.\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "business": "## Part set: business\n\nFor business and pitch decks: KPI cards, positioning maps, market sizes and money flows. Use the `sumi` theme. Put the fictional label of R-components in a `note` or on the cover, and keep the numbers consistent across slides (parts add up to the totals you state).\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}\n\n<!--part:m-kpi-->### Worked example: business (Japanese, sumi theme, m-kpi)\n\n(only the slides with the part; the rest of `deck.html` is as in §6)\n\n```deck.html\n<section class=\"slide\">\n  <h2>導入から 3 か月の結果</h2>\n  <div class=\"body\">\n    <p class=\"note muted\">新しい仕分けの手順を入れた 3 拠点の合計（数字は架空）</p>\n    <m-kpi style=\"height:330px\" aria-label=\"1 日の出荷 1,240 件、誤配率 0.8%、残業 32% 減\">\n      <script type=\"application/json\">{\"cards\": [\n        {\"label\": \"1 日の出荷\", \"value\": 1240, \"unit\": \"件\", \"from\": 980, \"delta\": {\"dir\": \"up\", \"text\": \"導入前から 260 件\"}},\n        {\"label\": \"誤配率\", \"value\": 0.8, \"digits\": 1, \"unit\": \"%\", \"from\": 2.1, \"tone\": \"emph\", \"delta\": {\"dir\": \"down\", \"text\": \"導入前は 2.1%\", \"good\": true}},\n        {\"label\": \"残業時間\", \"value\": 32, \"unit\": \"%\", \"prefix\": \"−\", \"tone\": \"accent2\", \"note\": \"1 人あたり、月の平均\"}\n      ]}</script>\n    </m-kpi>\n  </div>\n  <div class=\"concl\"><span>→ 件数が増えても、誤りと残業は減った</span></div>\n</section>\n```\n\n```narration.md\n## 導入から 3 か月の結果\n[0] 新しい仕分けの手順を入れた、3 つの拠点の合計です。\n[1] 1 日の出荷は 1,240 件になり、導入前より 260 件増えました。\n[2] 誤配率は 2.1% から 0.8% に下がりました。件数が増えても、誤りは減っています。\n[3] 残業時間も、1 人あたり 32% 減っています。\n[concl] 件数が増えても、誤りと残業は減りました。\n```<!--/part-->\n\n<!--part:m-kpi-->Steps: `m-kpi` with 3 cards gives steps 1–3.<!--/part-->",
+   "tools": "## Part set: tools (classroom tools)\n\nTools for running a class or workshop, such as a timer for an exercise or group work. Use them only where the request asks for one (an exercise time, a workshop), on the slide where the class does that activity.\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "science": "## Part set: science\n\nFor science lessons with models that move, such as the phases of the Moon. Use the `default` theme. Say on the slide or in the narration when sizes and distances are not to scale.\n\nComponents of this set, in addition to those of §3:\n\n{{CATALOG}}\n\n{{EXTENSIONS}}"
+  },
+  "components": {
+   "m-bars": {
+    "set": "standard",
+    "row": "| `<m-bars>` | 棒を段階ごとに 0 から伸ばす（縦棒・横棒・組の棒・積み上げ棒）。値の軸の上限を段階で広げて「軸を突き抜ける伸び」も見せられる | 組の step と scale の step の最大（既定は組 1 つ = 1 段階。per-step で n 組ずつ） | `{groups:[{label?,value?:num,values?:num[],step?,at?,tone?} (value or values),…],series?:{label?,tone?}[],scale?:{step,max?:num,at?}[],max?:num}` |",
+    "entry": "### `<m-bars>`\n\nData example (child `<script type=\"application/json\">`): `{\"series\":[{\"label\":\"売上\"}],\"groups\":[{\"label\":\"1 年目\",\"value\":1.2},{\"label\":\"2 年目\",\"value\":3.4}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `orient` | string | `\"v\"` | v（縦棒）か h（横棒。順位や比較に） |\n| `max` | number | `0` | 値の軸の上限（0 = 自動。scale があれば最初の上限） |\n| `unit` | string | `\"\"` | 値の単位（数字の後ろに付ける。億円、%、社 など） |\n| `digits` | number | `0` | 値の小数桁 |\n| `per-step` | number | `1` | 1 段階に出す組の数（0 = 全部を段階 1 で） |\n| `count` | bool | `false` | 値の数字を伸びに合わせて数え上げる |\n| `ticks` | bool | `true` | 値の軸の目盛りと格子 |\n| `al` | string | `\"\"` | 値の軸の名前 |\n| `stack` | bool | `false` | 組の値を 1 本に積み上げる（積み上げ棒） |\n\n年ごとの売上・費用、聞き取りの結果の順位、導入の前と後の比較など、量を 1 つずつ見せて比べるときに使う。\n\n- group：`label`（`\\n` で 2 行）、`value`（系列が 1 つ）か `values`（系列の数だけ）、`step`（既定は per-step から）、`at`（段階の中の開始秒。既定は同じ段階の中で stagger ずつずらす）、`tone`（`emph` などテーマの変数の名前。その組の棒をすべてその色にし、値の数字も同じ色にする）\n- series：`label`（最初の組の棒の上に直接書く。凡例は作らない）、`tone`（既定は `--series-1..4` の順。系列が 1 つなら `--term`）\n- scale：`[{\"step\": 3, \"max\": 27, \"at\": 0.4}]`。その段階の at 秒から zoom 秒かけて、値の軸の上限を max へ動かす（対数で補間）。動く間は前の上限までの範囲を薄い帯で残し、目盛りは前の組と次の組を入れ替える。上限を超える棒は軸の上端で止まり、上限が広がるにつれて伸びる\n- 横棒（`orient=\"h\"`）は組の名前を左に、値を棒の右に書く。順位を見せるなら `ticks=\"false\"` で目盛りを消してよい\n- 積み上げ棒（`stack=\"true\"`、`\"percent\"` なら各組 100 %）：組の `values` を横に並べず 1 本に積み上げる（全体と内訳を組ごとに見せるとき）。合計を棒の端に、それぞれの値を区切りの中に書く。軸の上限は合計から決まる。組の `tone` は合計の数字の色。値は 0 以上にする（負の値は 0 として描く）\n\n注意\n\n- 系列の名前は最初の組の棒の上に書くので、組の棒が細いと隣の系列の名前と重なる。系列は 2〜3 つまでにする"
+   },
+   "m-boxplot": {
+    "set": "stats",
+    "row": "| `<m-boxplot>` | 箱ひげ図。値を並べ、中央値・四分位数を求める手順のとおりに組み立てる。群を並べて比べる | steps（既定）：点 → 中央値 → 第1・第3四分位数 → 箱 → ひげ。whole：群 1 つ = 1 段階 | `{groups:[{label?,tone?,values?:num[],five?:num[]} (values or five),…]}` — groups [{label, tone, values}] or [{label, five: [min, q1, median, q3, max]}]; axes go in attributes (xr=\"[0,20]\" xl=\"…\") |",
+    "entry": "### `<m-boxplot>`\n\nData example (child `<script type=\"application/json\">`): `{\"groups\":[{\"label\":\"1 組\",\"values\":[3,5,6,7,8,9,10,12,13,15,18]}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `orient` | string | `\"h\"` | h（横向きの箱、値の軸が横）か v（縦向き） |\n| `xr` | json | `null` | 横軸の範囲 |\n| `yr` | json | `null` | 縦軸の範囲 |\n| `xt` | json | `null` | 横軸の目盛り |\n| `yt` | json | `null` | 縦軸の目盛り |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | x axis name (`*italic*` `_sub` `^sup`) * |\n| `yl` | string | `\"\"` | y axis name * |\n| `method` | string | `\"jp\"` | 四分位数の求め方：jp（教科書）・inc・exc（表計算の QUARTILE.INC / EXC） |\n| `outliers` | string | `\"off\"` | on：1.5×四分位範囲の外を外れ値（点）にし、ひげはその内側まで |\n| `dots` | string | `\"off\"` | on：値の点を箱の下に並べる（build=\\ |\n| `build` | string | `\"steps\"` | steps（求める手順のとおり）か whole（群 1 つ = 1 段階） |\n| `unit` | string | `\"\"` | 書き出す値の後ろに付ける単位 |\n| `digits` | number |  | 書き出す値の小数桁（書かなければ値の桁＋1 まで） |\n\n値の代わりに `\"five\": [最小値, 第1四分位数, 中央値, 第3四分位数, 最大値]` も書ける。\n\n- `orient`：`h`（既定）か `v`\n- `method`：`jp`（既定、教科書）・`inc`・`exc`（表計算の QUARTILE.INC / EXC）\n- `outliers=\"on\"`：1.5×四分位範囲の外を外れ値の点に\n- `dots=\"on\"`：値の点を並べる\n- 群が 1 つの steps では、並べた値の行も出る",
+    "sup": true
+   },
+   "m-cards": {
+    "set": "standard",
+    "row": "| `<m-cards>` | カード（番号の丸・アイコン・見出し・説明）を横一列か 2 段に並べ、段階ごとに出す。矢印で順を、枠の色で強調を見せる | カードの step の最大（既定はカード 1 枚 = 1 段階。per-step で n 枚ずつ） | `{cards:{n?:str,icon?:str,title:str,text?:str,step?,tone?}[]}` |",
+    "entry": "### `<m-cards>`\n\nData example (child `<script type=\"application/json\">`): `{\"cards\":[{\"icon\":\"user\",\"title\":\"聞く\",\"text\":\"相手の困りごとを聞く\"},{\"icon\":\"bulb\",\"title\":\"考える\",\"text\":\"案を 3 つ出す\"},{\"icon\":\"rocket\",\"title\":\"試す\",\"text\":\"小さく作って見せる\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `layout` | enum | `\"row\"` | row：横一列。grid：2 段（4 枚までは 2×2、5〜6 枚は 3×2） |\n| `arrows` | bool | `false` | カードの間に順の矢印（grid では 1→2→3→4 の Z の順） |\n| `nums` | bool | `false` | 番号の丸を出す（カードの n が優先。n だけ書いたカードはそれを出す） |\n| `hilite` | string | `\"\"` | 強調するカード：last か番号（1 から）。--emph の枠と地 |\n| `per-step` | number | `1` | 1 段階に出すカードの数（0 = 全部を段階 1 で） |\n\n手順（聞く → まとめる → 返す）、要点の 3〜4 つ、事例の 2×2 の札などを、アイコン付きのカードで見せる。\n\n子の JSON の並び：2〜6 枚。\n\n- `title`：見出し（必須。2 行まで）。`text`：説明（入るだけ折り返す。入らなければ … で切って知らせる）\n- `icon`：アイコンの名前（Tabler Icons の線の形。下の一覧から。ほかの名前も使えるが、ない名前は点線の四角になって知らせる）\n- `n`：番号の丸に出す字（`\"A\"` `\"1\"` など）。`nums` を付けると n のないカードに 1, 2, 3 … を出す\n- `tone`：番号の丸とアイコンの色（`term`（既定）・`emph`・`accent2`・`series-1..4`）\n- `layout=\"grid\"`：2 段（4 枚までは 2×2、5〜6 枚は 3×2）。横に広いカードは 番号・アイコン・見出しを 1 行に並べる\n- `arrows`：カードの間に順の矢印（grid では 1→2→3→4 の Z の順）。`hilite=\"last\"` か `hilite=\"3\"`：そのカードを `--emph` の枠と地で強調\n- 見せ方（`variant`）：`rise`・`fade`・`draw`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n\nアイコンの名前（よく使うもの）：\n\n- 人：user users user-check user-plus user-circle friends mood-smile man woman id-badge\n- データ：chart-bar chart-line chart-pie chart-dots trending-up trending-down table database filter adjustments percentage sum\n- お金：coin cash credit-card wallet receipt pig-money building-bank report-money shopping-cart tag\n- 時間：clock calendar calendar-event calendar-time hourglass history alarm stopwatch\n- 場所：map-pin map world home building building-factory building-store route truck\n- 進め方：arrow-right arrows-right-left refresh repeat circle-check checklist list-numbers git-branch target flag rocket hand-click\n- 伝える：message messages mail phone bell speakerphone share world-www microphone presentation\n- 書類：file file-text files notebook book clipboard-list folder news certificate award\n- 道具：tool settings hammer bulb puzzle cpu device-laptop device-mobile robot code scale\n- 自然：leaf tree plant sun moon cloud cloud-rain droplet flame snowflake\n- 安全：shield shield-check lock key alert-triangle first-aid-kit heart heart-rate-monitor eye\n- 学び：school pencil ruler math-function atom flask microscope palette music language"
+   },
+   "m-compare": {
+    "set": "standard",
+    "row": "| `<m-compare>` | 2 つ（3 つまで）を横に並べて比べる表。一方の列、もう一方の列、それから行ごとの違い | 列の数 + 1（違いの段階。diff も better もなければ列の数だけ） | `{sides:{label,tone?,step?}[],rows:{label?,values:(str\\|num)[],diff?:str,better?:int}[]}` |",
+    "entry": "### `<m-compare>`\n\nData example (child `<script type=\"application/json\">`): `{\"sides\":[{\"label\":\"紙の申請\",\"tone\":\"muted\"},{\"label\":\"オンライン申請\"}],\"rows\":[{\"label\":\"受付時間\",\"values\":[\"平日 9〜17 時\",\"24 時間\"],\"better\":1,\"diff\":\"いつでも出せる\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `28` | 値の字の大きさ（px）。収まらなければ 24 まで縮める |\n| `diff-label` | string | `\"\"` | 違いの列の見出し（空なら「違い」） |\n\n従来の方法と新しい方法、A 案と B 案、植物の細胞と動物の細胞のように、2 つ（3 つまで）のものを同じ観点で並べて比べるときに使う。\n<!--part:m-bars,m-kpi-->量を棒の長さで比べるなら `m-bars`、数字を 1 つ大きく見せるなら `m-kpi`。<!--/part-->\n\n- `sides`：比べるもの（2 つか 3 つ）。`label` は列の見出し。`tone` は列の色（`term`・`emph`・`muted`・`accent2`・`series-1..4`。既定は 1 つ目 `term`、2 つ目 `accent2`、3 つ目 `series-4`）。従来のものを `muted` にすると新しいものが目立つ\n- `rows`：比べる観点（行）。`label` は左端の観点の名前（なくてもよい）、`values` は列の順の値（字か数。`\\n` で改行。長ければ列の幅で折り返す）。`values` の数は `sides` の数と同じにする（違えば図の代わりに誤りの札が出る）\n- `diff`：その行の違いの一言。右端の「違い」の列に `--emph` で書く（列の見出しは `diff-label` で変えられる）\n- `better`：その行で良い方の列の番号（0 から。1 つ目の列が 0。列の数より小さい）。値を太字にし、違いの段階で `--emph` の枠で囲む\n- 段階：既定は 1 つ目の列（観点の名前と一緒に）→ 2 つ目の列 →（3 つ目の列）→ 違い（`diff` の列と `better` の枠）。列の `step` で段階を変えられる（例：2 つの列を同じ段階に）\n- 見せ方（`variant`）：`fade`・`slide`・`reveal`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 字は `size`（既定 28 px）から 24 px まで縮めて要素の箱に収める。表は上にそろえ、余った高さは行に少し分ける"
+   },
+   "m-curves": {
+    "set": "standard",
+    "row": "| `<m-curves>` | 同じ座標軸に線を 1 本ずつ引く（線の名前は凡例でなく線の端に直接書く） | step の最大（既定は系列の数） | `[{label?,f?:str,pts?:[num,num][],tone?,step?,labelAt?:num,color?:str,dash?:bool,xr?:[num,num],at?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\"\\|\"start\"\\|\"middle\"\\|\"end\",dx?:num,dy?:num,ly?:num} (f or pts),…]` — the data is the array itself, not {\"series\": […]}; axes go in attributes (xr=\"[0,10]\" xl=\"…\"); the expression field is f in x (not fn, not u) |",
+    "entry": "### `<m-curves>`\n\nData example (child `<script type=\"application/json\">`): `[{\"label\":\"需要 D\",\"f\":\"10 - x\"},{\"label\":\"供給 S\",\"f\":\"2 + x\"},{\"label\":\"均衡\",\"pts\":[[4,0],[4,6]],\"dash\":true}]`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `xr` | json | `[0, 1]` | 横軸の範囲 |\n| `yr` | json | `[0, 1]` | 縦軸の範囲 |\n| `xt` | json | `[]` | x tick values * |\n| `yt` | json | `[]` | y tick values * |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | x axis name (`*italic*` `_sub` `^sup`) * |\n| `yl` | string | `\"\"` | y axis name * |\n| `n` | number | `300` | f を描く分割数 |\n| `lw` | number | `3.5` | 線の太さ |\n\n同じ予測分布に平均・中央値・分位点を順に引く、損失関数を 1 つずつ重ねる、など\n「一つの図で比較の軸を一つずつ見せる」ときに使う。\n\n系列は子の `<script type=\"application/json\">` に配列で書く。\n1 系列 = 1 段階（書いた順）。`step` で変えられ、同じ `step` の系列は一緒に引く。口述原稿の [n] はこの段階に合わせる。\n\n| 欄 | 意味 |\n|---|---|\n| `label` | 線の名前（`*斜体*` `_下付き` `^上付き`） |\n| `f` | x の算術の式（`exp(…)` `sqrt(…)` `PI` などの `Math` の関数と定数、`N(x, 平均, 標準偏差)`、`+ - * / % **`、比較と `? :`。下を見よ）。`xr` で描く範囲を狭められる |\n| `pts` | 点列 `[[x, y], …]`（縦線や実測の折れ線） |\n| `tone` | `term` `emph` `accent2` `muted` `fg` `series-1..4`（既定は `series-1..4` の順） |\n| `dash` | 破線 |\n| `labelAt` / `anchor` / `dx` / `dy` / `ly` | 名前の位置：横軸の値 `labelAt` の点に置く（既定は線の端）。`anchor` は向き（`right` `left` `above` `below`）。`ly` は縦軸の値で高さを決める |\n\n`f` は算術の式で、コードとしては実行しない：数、`x`、`Math` の関数と定数（`sin(x)` とも `Math.sin(x)` とも書ける。`Math.random` は使えない）、`N(x, 平均, 標準偏差)`、`+ - * / % **`、比較（`< <= > >= == !=`）、`&& || !`、`? :`、括弧。べき乗は `**`（`^` は書けない）。書けない式は図の代わりに札が出る。",
+    "sup": true
+   },
+   "m-cycle": {
+    "set": "standard",
+    "row": "| `<m-cycle>` | 循環の図。段階の箱を円の上に 12 時から時計回りに並べ、円に沿った矢印でつなぐ（最後から最初へ戻る矢印も） | 段階の数（既定は 1 つ = 1 段階。per-step で n 個ずつ、node の step が優先） | `{nodes:{id?:str\\|int,label?,tex?,note?,tone?,step?,at?}[],center?:{label?,tex?,note?,tone?,step?,at?},edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[]}` |",
+    "entry": "### `<m-cycle>`\n\nData example (child `<script type=\"application/json\">`): `{\"center\":{\"label\":\"PDCA\"},\"nodes\":[{\"label\":\"計画\"},{\"label\":\"実行\"},{\"label\":\"評価\"},{\"label\":\"改善\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `per-step` | number | `1` | 1 段階に出す段階（箱）の数（0 = 全部を段階 1 で） |\n| `size` | number | `26` | 箱の字の大きさ（px。入らなければ 24 まで縮める） |\n\nPDCA、水の循環、細胞周期、学習のサイクルなど、同じ順で回り続ける段階を見せるときに使う。\n座標は書かない。段階の中身を配列の順に書けば、部品が並べる（共通の決まり §2）。\n\n子の JSON の並び：`center` と `edges` は省ける。\n\n- `nodes`：段階（3〜8 個を想定）。配列の順に回る。12 時の位置から時計回りに置き、となりの段階へ円に沿った矢印を引く。最後から最初へ戻る矢印は自動で引く\n  - `label`（`\\n` で改行）か `tex`（KaTeX）、`note`（箱の中の 2 行目に小さく、`--muted`）、`tone`（`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`）、`step`、`at`、`id`\n- `center`：真ん中の名前（`{\"label\": \"PDCA\", \"note\": \"…\"}`）。最初の段階と一緒に出る（`center.step` で変えられる）。`center` はオブジェクト。<!--part:m-pie-->`m-pie` の `center` は字（文字列）なので取り違えない<!--/part-->\n  - `label`（`\\n` で改行）か `tex`（KaTeX）、`note`（箱の**中**の最後の行に小さく、`--muted`）、`tone`（`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`）、`step`、`at`、`id`\n  - `tone: emph` の箱は、地が `--emph-tint`、枠と字が `--emph`\n- `edges`：ほかのつながり（`from` `to` は段階の `id`、`label` `tone` `dash` `step`）。箱の縁から縁への破線の矢印\n- 矢印の色は `--muted`、3 px（`edges` も `tone` がなければ `--muted`）\n\n並べ方：\n\n- 横に長い場所では円を横に伸ばした楕円にする（縦の 1.9 倍まで。縦に長くはしない）。箱と矢印が要素の箱に入る大きさにする\n- 段階：既定は 1 段階に 1 つ。入ってくる矢印はその段階の箱と一緒に出る。最後から最初へ戻る矢印は、最後の段階の箱が出たあとに引く\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱が動くのは 12 px まで（箱の中心で測る。大きさは 0.92 倍から、`fade` と同じ）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 授業の表示（`ctx.preview`）：後の段階の箱と矢印をテーマの薄さで見せる\n- `cues(k)`：同じ段階に 2 つ以上の箱があれば、2 つ目からの開始時刻を返す"
+   },
+   "m-fishbone": {
+    "set": "standard",
+    "row": "| `<m-fishbone>` | 原因と結果の図（特性要因図・フィッシュボーン図）を、大骨 1 本ずつ組み立て、最後に結果（頭）を出す。座標は書かず、配置は部品が決める | 大骨の数 + 1（頭）。節と edges の step があればその最大 | `{effect:{label?,tex?,note?,tone?,step?,at?},nodes:{id:str\\|int,label?,tex?,note?,tone?,parent?:str\\|int,step?,at?}[],edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[]}` — parent のない節が大骨（分類）、その子が原因、孫が細かい原因（3 段まで） |",
+    "entry": "### `<m-fishbone>`\n\nData example (child `<script type=\"application/json\">`): `{\"effect\":{\"label\":\"配送の遅れ\"},\"nodes\":[{\"id\":\"p\",\"label\":\"人\"},{\"id\":\"p1\",\"label\":\"人手が足りない\",\"parent\":\"p\"},{\"id\":\"m\",\"label\":\"機械\"},{\"id\":\"m1\",\"label\":\"車の故障\",\"parent\":\"m\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `order` | string | `\"causes-first\"` | 段階の順：causes-first（大骨 1 本ずつ、最後に頭、既定）か effect-first（頭と背骨が先） |\n| `size` | number | `0` | 箱の字の大きさ（px。0 = 27 から入るまで 24 まで縮める） |\n\n品質管理の 4M（人・機械・方法・材料）で不良や遅れの原因を洗い出すとき、理科で「なぜうまくいかないのか」を分けて考えるときなど、\n1 つの結果に効く原因を分類して見せるときに使う。座標は書かない（共通の決まり §2）。\n\n子の JSON の並び：`edges` は省いてよい。\n\n- effect：結果（頭）。`label`（`\\n` で改行）か `tex`、`note`（箱の下の一言）、`tone`（既定 `emph`）、`step`、`at`\n- node：`id`、`label`（または `tex`）、`note`、`parent`、`tone`、`step`、`at`。`parent` のない節が大骨（分類）、その子が原因、孫が細かい原因（3 段まで）\n  - 大骨は配列の順に、左から、上・下・上・下と交互に付く。分類の名前は大骨の外の端の箱に書く（`note` は箱の**外側**に小さく）\n  - 原因と細かい原因の `tex` は式（KaTeX）として線の上に、`note` は名前の後ろに続けて小さく（`--muted`）書く\n  - 原因は大骨に付く横の線の上に、細かい原因は原因の線から大骨と平行に下ろした線に付く横の線の上に書く\n  - `tone`：大骨なら箱と骨の色、原因なら字と線の色（`emph` は太字）。`emph` の箱は地が `--emph-tint`、枠と字が `--emph`\n  - 線の色は `--muted`。背骨は 5 px（図の中心の線）、大骨は 3.5 px、原因の線は 2.5 px\n- edge：原因どうしのほかのつながり（`from` `to` `label` `tone` `dash` `step`）。破線で矢印つき、字の左へふくらむ。同じ大骨の原因どうしに向く\n- `order`：`causes-first`（既定。大骨 1 本ずつ（その原因と一緒に）、最後に頭）か `effect-first`（頭と背骨を先に出し、それから大骨 1 本ずつ）。節の `step` が勝つ（原因だけ後の段階にもできる）\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱と字が動くのは 12 px まで（箱の中心で測る）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 入る大きさの目安（1280×720 の本文、高さ 440 px ほど）：大骨 1 本あたりの行（原因と細かい原因の数）は 3 つまで（短ければ 4 つ）、大骨は 4〜6 本、原因は 10 字ほどまで。字は 24 px より小さくならず、入らない分は要素の箱から上下・左右にはみ出す（`console.warn` が足りない px を言う）。多いときは図を分けるか、原因を短く言い換える\n- 授業の表示（`ctx.preview`）では、後の段階の骨と字をテーマの薄さで出しておく"
+   },
+   "m-flow": {
+    "set": "standard",
+    "row": "| `<m-flow>` | 流れ図の箱と矢印を段階ごとに出して、図を組み立てる | nodes と edges の step の最大 | `{nodes:{id:str\\|int,label?,tex?,x:num,y:num,w:num,h:num,step?,tone?,at?}[],edges?:{from:str\\|int,to:str\\|int,step?,label?,tone?,dash?:bool,kind?:\"money\"\\|\"service\"\\|\"data\",amount?:str\\|num,shift?:num,pulse?:bool\\|any[],offset?:num,at?}[]}` |",
+    "entry": "### `<m-flow>`\n\nData example (child `<script type=\"application/json\">`): `{\"nodes\":[{\"id\":\"a\",\"label\":\"観測\",\"x\":20,\"y\":40,\"w\":200,\"h\":70,\"step\":1},{\"id\":\"b\",\"label\":\"更新\",\"x\":320,\"y\":40,\"w\":200,\"h\":70,\"step\":2}],\"edges\":[{\"from\":\"a\",\"to\":\"b\",\"step\":2}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `26` | 箱の字の大きさ（px） |\n| `pulse-n` | number | `3` | pulse で流れる点の数 |\n| `label-gap` | number | `12` | 辺の名前・金額と箱との最小の間（px）。近ければ線から離す |\n\n証明や手法の各ステップに合わせて箱と矢印を出し、文と図の対応を見せるときに使う。\n\n座標は要素の箱の px（`x`, `y` は箱の左上、`w`, `h` は大きさ）。\n\n- node：`id` `label`（`*斜体*` `_下付き` `^上付き`、`\\n` で改行）または `tex`（KaTeX）、`step`、`tone`（`term` / `emph` / `muted`）、`at`（段階の中の開始秒）、`shape:\"diamond\"`（判断）\n- edge：`from` `to` `step`（既定は両端の箱の遅いほう）、`label`、`tone`、`dash`、`offset`（名前と線の距離）、`at`、`loop:true`（戻る辺）\n- 色：線と線の名前は `--fg`（`tone` があればその色）。`muted` の箱は枠が `--muted`、地が `--bg`、字は `--fg`\n- 箱は薄く拡大しながら現れ、矢印は同じ段階の箱が出てから引く",
+    "ext": {
+     "business": "お金・モノの流れ（ビジネスモデルの図）のための edge の欄（書かなければこれまでと同じ）：\n\n- `kind`：`money`（`--emph` の太線）・`service`（`--term`）・`data`（`--muted` の破線）。`tone` と `dash` を書けばそちらが勝つ\n- `amount`：金額などを太字で添える。`label` もあれば線の反対の側に書く\n- `shift`：線に垂直に（進む向きの右へ）ずらす px。同じ 2 つの箱の行きと帰りを `shift` を同じ値にして 2 本並べる。字はずらした側に書く\n- `pulse`：点の列（`pulse-n` 個、0.22 秒おき）が始点から終点へ `pulse-dur` 秒で流れる。`true` なら辺の段階に（引き終わってから）1 回、`[段階, …]` ならその段階ごとに 1 回（辺の段階でなければ `pulseAt` 秒、既定 0.2 秒から）。位置は (k, t) だけで決まり、流れ終わると消える（最終状態には出ない）。`pulse` の段階は図の段階の数にも数える\n- `cues(k)`：pulse の開始時刻を返す（pulse のない図はこれまでどおり null）。口述原稿の `{cue}` の数と合えば、「お金は〜から〜へ{cue}」に合わせて流れる"
+    }
+   },
+   "m-gendai": {
+    "set": "kokugo",
+    "row": "| `<m-gendai>` | 現代文の読解の図：傍線・二重傍線を引き、指示語から指す内容へ矢印、段落を役割（主張・具体例・対比）の枠で囲んで線でつなぐ | 中身のある phases の数（既定 marks refs roles） | text inside the element (not JSON) |",
+    "entry": "### `<m-gendai>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `28` | 本文の字の大きさ（px） |\n| `tate` | bool | `false` | 縦書きにする（段落は右から左へ、枠をつなぐ線は上を通す） |\n| `phases` | string | `\"marks refs roles\"` | 段階の並び（marks 傍線・refs 指示語・roles 段落の枠から選ぶ。中身のないものは飛ばす） |\n\n現代文の文章の構造（筆者の主張と、それを支える具体例・対比）と、指示語の指す内容を見せるときに使う。段階 0 は本文だけ。\n\n#### 書き方\n\n段落は空行で区切る。段落の頭の行で役割と名前、つながりを書く（なくてもよい）。\n\n```\n@具体例#p1>p3\n駅までの道を、私は{地図アプリ|#app}に頼って歩く。…{それ|>app}を閉じると、…\n\n@対比#p2~p1\n…\n\n@主張#p3\n便利な道具は、私たちから==迷う機会を奪う==。だが、{迷うことこそが…|_A}。\n```\n\n- `@役割#名前>名前`：役割（自由な言葉。主張・結論は `--emph`、対比・反論は `--accent2`、具体例は `--term`、ほかは `--muted`）、この段落の名前、矢印でつなぐ段落。`~名前` は対比（両向きの線）\n- `__語句__` 傍線、`==語句==` 二重傍線\n- `{語句|しるし,…}`：`_A` 傍線と記号 A、`=B` 二重傍線と記号 B（記号なしは `_` `=`）、`#名前` 指示語が指す先、`>名前` 指示語。しるしは入れ子にできない（`{語句|=,#q}` のように 1 つにまとめる）\n\n#### 段階\n\n`phases`（既定 `marks refs roles`）の順に。中身のないものは段階にしない。\n\n- `marks`：傍線・二重傍線を順に引く（縦書きは字の右、横書きは字の下。行をまたぐときは行ごとに続けて）。記号（A など）は線の始まりのすぐ外に付く。縦書きは傍線と記号が入るように行の送りを広く取る（2.4）\n- `refs`：指示語を囲み、指す先に淡い色を敷いて、指示語から矢印（指す先の行のうち近いほうへ）\n- `roles`：段落を役割の色の枠で囲み、札を付け、最後につなぐ線。線は札から札へ、札と枠の外の通り道（縦書きは札の上、横書きは札の左）を通り、矢じりは相手の札の辺に当たる。間の段落を越える線ほど外の段を通し、段の数だけ場所を空ける（線は札にも枠にも重ならない）"
+   },
+   "m-heatmap": {
+    "set": "stats",
+    "row": "| `<m-heatmap>` | ヒートマップ。値で塗ったセルの格子（混同行列・相関行列・注意の重み） | rows：行を 1 つずつ（normalize=\"row\" の既定）。whole：全体を 1 段階。cells：全体、それから強調を 1 つずつ（highlight があるときの既定） | `{rows:str[],cols:str[],values:num[][],unit?:str,digits?:num,highlight?:num[][]}` — values[row][col], one row per label in rows and one number per label in cols; highlight [[row, col] or [row, col, step]] (0-based) |",
+    "entry": "### `<m-heatmap>`\n\nData example (child `<script type=\"application/json\">`): `{\"rows\":[\"ねこ\",\"いぬ\"],\"cols\":[\"ねこ\",\"いぬ\"],\"values\":[[45,5],[6,44]]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `scale` | string | `\"sequential\"` | sequential か diverging（center を地の色に 2 色） |\n| `center` | number | `0` | diverging の真ん中の値 |\n| `range` | json | `null` | 色の範囲 [最小, 最大] |\n| `tone` | string | `\"term\"` | 濃い側の色：term・emph・accent2 |\n| `lowtone` | string | `\"emph\"` | diverging の center より下の色 |\n| `normalize` | string | `\"none\"` | row：行ごとの割合（混同行列） |\n| `show` | string | `\"percent\"` | normalize=row の数字：percent・count・both |\n| `numbers` | string | `\"auto\"` | セルの数字：auto・on・off |\n| `diag` | string | `\"off\"` | on：対角を枠で強調 |\n| `build` | string | `\"\"` | rows・whole・cells |\n| `rotate` | string | `\"auto\"` | 列の名前：auto・0・90 |\n| `xl` | string | `\"\"` | 列の見出し |\n| `yl` | string | `\"\"` | 行の見出し |\n| `unit` | string |  |  |\n| `digits` | number |  |  |\n\n`highlight: [[行, 列], …]`（0 から。3 つ目に段階）で --emph の枠。\n\n- 混同行列：`normalize=\"row\" diag=\"on\"`（数字は `show` で割合・数・両方）\n- 相関行列：`scale=\"diverging\" range=\"[-1,1]\"`（center の上下で 2 色）\n- 書かなければ最初の見せ方（fade）"
+   },
+   "m-hissan": {
+    "set": "math",
+    "row": "| `<m-hissan>` | 筆算（たし算・ひき算・かけ算・わり算、小数も）。式を書けば、部品が教科書の手順で計算して書く | ＋−は位ごと、×は 1 段ごと（fine で 1 けたずつ）→たす、÷は商 1 けたごと（per=\"phase\" で たてる・かける・ひく・おろす ごと） | attributes only (no JSON child): `digits=\"2\"` |",
+    "entry": "### `<m-hissan>`\n\nExample: `<m-hissan expr=\"487+356\"></m-hissan>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `expr` | string | `\"\"` | 式：487+356、1003-457、36×24、851÷23、3.6×2.4、7.56÷1.8（× は * でも、÷ は / でもよい） |\n| `build` | string | `\"steps\"` | steps（手順ごと）か whole（1 段階で全部） |\n| `fine` | string | `\"off\"` | かけ算：on なら 1 けたずつ（小さなくり上がりを書く） |\n| `per` | string | `\"round\"` | わり算：round（商 1 けた＝1 段階）か phase（たてる・かける・ひく・おろす を別の段階に） |\n| `kari` | string | `\"off\"` | わり算：on なら大きすぎる仮の商を 1 回見せて直す |\n| `rem` | string | `\"off\"` | わり算：on なら商を整数で止めて あまり を出す |\n| `digits` | json | `null` | わり算：商を小数第何位まで求めるか |\n| `carry` | string | `\"line\"` | たし算のくり上がり：line（答えの線のすぐ上）か top（上の数の上） |\n| `words` | string | `\"on\"` | off なら右の手順の言葉を出さない |\n| `focus` | string | `\"on\"` | いま計算している位・行に薄い色 |\n\n`<m-hissan expr=\"1003-457\">`。式は `487+356` `36×24` `851÷23` `3.6×2.4` `7.56÷1.8`。\n\n- くり上がり・くり下がり・小数点・あまり は部品が書く\n- `fine=\"on\"`：かけ算を 1 けたずつ\n- `kari=\"on\"`：仮の商を見せて 1 ずつ直す\n- `carry=\"top\"`：くり上がりを上の数の上に。`words=\"off\"`：右の言葉を出さない\n- `rem=\"on\"`：商を整数で止めて あまり。`digits=\"2\"`：商を小数第二位まで"
+   },
+   "m-hist": {
+    "set": "stats",
+    "row": "| `<m-hist>` | ヒストグラム・度数折れ線・ドットプロット。平均値・中央値・最頻値の線も | 分布（系列 1 つ = 1 段階）→ 度数折れ線 → 代表値を 1 つずつ | `{values?:num[],table?:{from:num,to:num,count:int}[],bins?:{start:num,width:num},series?:[{label?,tone?,values?:num[],table?:{from:num,to:num,count:int}[]} (values or table),…]} (values or table or series)` — raw values with bins {start, width} (the part counts), or a frequency table [{from, to, count}]; up to 2 series [{label, tone, values \\| table}] |",
+    "entry": "### `<m-hist>`\n\nData example (child `<script type=\"application/json\">`): `{\"values\":[23,31,27,18,25,29,33,22,26,28],\"bins\":{\"start\":15,\"width\":5}}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `xr` | json | `null` | 横軸の範囲（書かなければ階級から） |\n| `yr` | json | `null` | 縦軸の範囲（書かなければ度数から） |\n| `xt` | json | `null` | 横軸の目盛り（書かなければ階級の境） |\n| `yt` | json | `null` | 縦軸の目盛り（書かなければ自動） |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | x axis name (`*italic*` `_sub` `^sup`) * |\n| `yl` | string | `\"\"` | y axis name * |\n| `unit` | string | `\"\"` | 代表値の数の後ろに付ける単位 |\n| `digits` | number |  | 代表値の小数桁（書かなければ値の桁＋1 まで） |\n| `polygon` | string | `\"off\"` | on：度数折れ線 |\n| `relative` | string | `\"off\"` | on：相対度数 |\n| `cumulative` | string | `\"off\"` | on：累積度数 |\n| `kind` | string | `\"bars\"` | bars（柱状グラフ）か dots（ドットプロット） |\n| `marks` | string | `\"\"` | 代表値の印：mean,median,mode のどれか（書いた順に 1 つずつ） |\n| `build` | string | `\"whole\"` | whole・values（値を 1 つずつ数える）・bins（階級を 1 つずつ） |\n\n子の JSON の並び：部品が数える。か `{\"table\": [{\"from\", \"to\", \"count\"}]}`。2 組なら `\"series\": [{\"label\", \"values\" か \"table\"}]`（重ねる）。\n\n- 階級は start 以上 start＋width 未満\n- `kind=\"dots\"`：ドットプロット（values が要る）\n- `polygon` `relative` `cumulative`：`\"on\"`\n- `marks=\"mean,median,mode\"`：代表値の線\n- `build=\"values\"`：値を 1 つずつ積む。`\"bins\"`：階級を 1 つずつ",
+    "sup": true
+   },
+   "m-kakijun": {
+    "set": "kokugo",
+    "row": "| `<m-kakijun>` | かな（ひらがな・カタカナ）の書き順。字を 1 画ずつ、書く順と向きのとおりに書いて見せる | 字 1 つ＝1 段階（段階の中で 1 画ずつ）。per=\"stroke\" なら 1 画＝1 段階 | attributes only (no JSON child): `size=\"240\"` |",
+    "entry": "### `<m-kakijun>`\n\nExample: `<m-kakijun text=\"あさ\" style=\"height:320px\"></m-kakijun>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `text` | string | `\"\"` | 書く字（ひらがな・カタカナ、濁音・半濁音、小さい字、ー）。1 字以上 |\n| `per` | string | `\"char\"` | char（字 1 つ＝1 段階）か stroke（1 画＝1 段階） |\n| `writing` | string | `\"yoko\"` | yoko（横書き：左から右）か tate（縦書き：上から下、行は右から左）。小さい字の位置が変わる |\n| `grid` | string | `\"cross\"` | cross（四角い枠と十字の補助線）か none |\n| `ghost` | string | `\"on\"` | on：まだ書いていない画を薄く見せる。off：見せない |\n| `nums` | string | `\"on\"` | on：画の書き始めに丸い番号 |\n| `ends` | string | `\"off\"` | on：画の終わりに とめ・はね・はらい |\n| `size` | json | `null` | 字の枠の一辺（px）。書かなければ要素に合わせて 200〜300 |\n\n`<m-kakijun text=\"あさ\" style=\"height:320px\"></m-kakijun>`。ひらがな・カタカナ、濁音・半濁音、小さい字（ゃ・っ など）、ー を書ける。\n\n- 枠と十字の補助線の中に書く（`grid=\"none\"` で消す）。まだ書いていない画は薄く（`ghost=\"off\"` で見せない）\n- 書き始めに丸い番号（`nums=\"off\"` で消す）。`ends=\"on\"`：画の終わりに とめ・はね・はらい\n- `writing=\"tate\"`：縦書き（上から下）。小さい字はます目の右上、横書きでは左下\n- データにない字（漢字・記号）は書き順なしでそのまま出す"
+   },
+   "m-kanbun": {
+    "set": "kokugo",
+    "row": "| `<m-kanbun>` | 白文に返り点・送り仮名を付け、訓読の順に字をたどり（返り点で上へ戻るところに弧）、書き下し文にする（縦書き） | phases の数（order は句の数だけ。既定：訓点 1＋句の数＋書き下し文 1） | text inside the element (not JSON) |",
+    "entry": "### `<m-kanbun>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `60` | 漢字の大きさ（px）。送り仮名・返り点はその 0.42 倍（24px より小さくしない） |\n| `phases` | string | `\"kunten order kaki\"` | 段階の並び（kunten 訓点・order 読む順・kaki 書き下し文から選ぶ） |\n| `kaki` | number | `36` | 書き下し文の字の大きさ（px） |\n| `nums` | bool | `true` | 読む順の番号を字の左上に出す |\n\n漢文の授業で、白文 → 訓点 → 読む順 → 書き下し文 を 1 枚で見せるときに使う。段階 0 は白文。\n\n#### 書き方\n\n要素の中に、1 行に 1 列（句）を書く。行の中の空白は読まない。字の後ろに付けるもの（順は問わない）：\n\n| 書き方 | 意味 | 例 |\n|---|---|---|\n| `(…)` | 送り仮名（片仮名。右下に出す） | `覚(エ)` |\n| `[…]` | 返り点：`レ` `一` `二` `三` `四` `五` `上` `中` `下` `甲` `乙` `丙` `丁` `天` `地` `人`、`一レ` `上レ` `甲レ` `天レ` | `聞(ク)[二]啼鳥(ヲ)[一]` |\n| `レ` | レ点（`[レ]` と同じ） | `不{=ず}レ覚(エ)レ暁(ヲ)` |\n| `{…}` | 振り仮名（右に出す。書き下し文ではルビ） | `濺{そそ}(ギ)` |\n| `{=…}` | 書き下し文で平仮名にする字（助字）の読み | `不{=ず}`、`也{=なり}` |\n| `{-}` | 置き字（読まない。読む順の段階から薄くする） | `而{-}` |\n| `(右\\|二度目)` | 再読文字：右の送り仮名と二度目の読み。二度目の片仮名は左の送り仮名として出す | `未(ダ\\|ず)`、`将(ニ\\|ス)` |\n| `字-字` | 竪点（続けて読む熟語。返り点はまとまり全体に効く） | `読-書` |\n| `、` `。` | 句読点（白文では出さない。書き下し文では、そこまでの字を読み終えたところに置く） | `人(ヲ)、` |\n\n括弧は全角でもよい。\n\n#### 段階\n\n`phases`（既定 `kunten order kaki`）の順に 1 段階ずつ：\n\n- `kunten`：返り点・送り仮名・振り仮名・句読点が出る\n- `order`：句（列）ごとに 1 段階。目（朱の枠）が読む順に字をたどる。読んだ字には番号（左上。再読文字の二度目は右上）と淡い色。上へ戻るところに弧の矢印。`slot` 秒で 1 字。1 句 = 1 ステップ。台本の [n] は句ごとに書く\n- `kaki`：書き下し文が左に縦書きで出る（部品の高さで折り返す）\n\n`phases=\"kunten kaki\"` のように一部だけにもできる（`kunten` を外すと訓点は初めから出る）。\n\n#### 注意\n\n- 字は要素の高さと幅に自動で合わせる。収まらなければ、横は句を分け（1 枚に 2 句など）、縦は要素を高くする"
+   },
+   "m-keyboard": {
+    "set": "music",
+    "row": "| `<m-keyboard>` | ピアノの鍵盤。音階・和音・半音と全音を光らせる | steps の 1 つ = 1 段階（鍵盤は t でずらして順に光る） | `{range:str,names?:\"solfa\"\\|\"abc\"\\|\"iroha\"\\|\"none\",cumulative?:bool,dur?:num,steps:{keys:str[],label?,t?:num[],tone?,dur?:num}[]}` — range \"C4-C6\" (include every key you use, at least one octave (e.g. C4-C5); white keys at both ends, up to 3 octaves); steps [{keys: [\"C4\", \"E4\"], label, t: [seconds per key], tone, dur}] |",
+    "entry": "### `<m-keyboard>`\n\nData example (child `<script type=\"application/json\">`): `{\"range\":\"C4-C6\",\"names\":\"solfa\",\"steps\":[{\"keys\":[\"C4\",\"E4\",\"G4\"],\"label\":\"主和音（ドミソ）\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `（なし。子の JSON）` |  |  |  |\n\n- `range`：使う鍵を全部含め、1 オクターブ以上（例 C4-C5）。両端は白鍵、3 オクターブまで（Include every key you use, at least one octave (e.g. C4-C5). Both ends on white keys, up to 3 octaves.）\n- `names`：`solfa`（ドレミ）・`abc`・`iroha`（ハニホ、嬰ハ・変ニ）・`none`\n- `t`：鍵盤ごとの秒。ずらすと音階、同じなら和音\n- `cumulative: true`：前の段階の鍵盤も薄く残す\n- `tone`：光の色。`dur`：音の秒（既定は次の音まで、最後は 0.8）"
+   },
+   "m-kobun": {
+    "set": "kokugo",
+    "row": "| `<m-kobun>` | 古文を語に切り（スラッシュ）、品詞で色を分けて 1 文ずつ見せ、最後に現代語訳と並べる。助動詞を押すと活用表と意味 | 文の数（現代語訳があれば ＋1） | text inside the element (not JSON) |",
+    "entry": "### `<m-kobun>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `34` | 本文の字の大きさ（px） |\n| `tate` | bool | `false` | 縦書きにする（品詞は語の左、現代語訳は文の左に） |\n| `yaku` | bool | `true` | 現代語訳（= の行）があれば、最後の段階で並べる |\n| `detail` | bool | `false` | 品詞の下に [ ] の中をすべて（活用の種類・活用形など）出す |\n\n古文の品詞分解を、板書のように 1 文ずつ見せるときに使う。段階 0 は切っていない本文。\n\n#### 書き方\n\n1 行が 1 文（1 段階）。語は `/` で切り、語の後ろの `[ ]` に品詞（と、`・` で区切って詳しいこと）を書く。`[ ]` の後ろの字（`、` `。`）は語に付けて出す。\n\n```\n春[名]/は[係助]/あけぼの[名]。\n= 春は明け方（がよい）。\n紫だち[動・タ四・連用]/たる[助動・たり・存続・連体]/雲[名]/の[格助]/…\n```\n\n- 品詞：`名` `代` `動` `補動` `形` `形動` `副` `連体` `接` `感` `助動` `格助` `係助` `副助` `接助` `終助` `間助` `接頭` `接尾`（色：動詞 `--term`、形容詞・形容動詞 `--accent2`、助動詞 `--emph`、助詞 `--muted`、ほか `--fg`）\n- 助動詞：`[助動・基本形・この文での意味・活用形]`。基本形は部品の中の表（文語の助動詞 28 語。`なり`・`たり` は意味で断定と伝聞推定・完了を分ける）から引く。表にないものは知らせる\n- `= …` の行：直前の文の現代語訳（最後の段階で、本文の下、縦書きでは左に出す）\n- `{漢字|かな}`：振り仮名\n\n#### 属性\n\n- `tate`：縦書き（品詞は語の左）\n- `detail`：品詞の下に `[ ]` の中をすべて出す（活用の種類・活用形まで。語の間が広がる）\n- `yaku=\"false\"`：現代語訳の段階を作らない"
+   },
+   "m-kpi": {
+    "set": "standard",
+    "row": "| `<m-kpi>` | 大きな数字の札（KPI）を段階ごとに出す。数字は数え上げ、下に増減の矢印と一言 | 札の step の最大（既定は札 1 枚 = 1 段階。per-step で n 枚ずつ） | `{cards:{label?,value:num,digits?:int,unit?:str,prefix?:str,from?:num,tone?,delta?:{dir?:\"up\"\\|\"down\",text?:str,good?:bool},note?,step?,at?}[]}` |",
+    "entry": "### `<m-kpi>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `cols` | number | `0` | 1 行の札の数（0 = 札の数、4 まで） |\n| `digits` | number | `0` | 数字の小数桁（札の digits が優先） |\n| `per-step` | number | `1` | 1 段階に出す札の数（0 = 全部を段階 1 で） |\n| `count` | bool | `true` | 数字を数え上げる |\n| `size` | number | `0` | 数字の字の大きさ（px。0 = 札の高さから） |\n\n表紙の直後の「掴みの数字」、試験導入の結果、市場規模の要約など、少数の数字を大きく見せるときに使う。\n\n- `label`：札の上の名前。`value`：数字（`digits` 桁、3 桁ごとにカンマ）。`unit`：数字の後ろの単位（小さめの字）。`prefix`：数字の前の記号（`−` `+` `約` など）\n- `from`：数え上げを始める値（既定 0。「20 分 → 7.5 分」のように減らす数も見せられる）\n- `tone`：数字と札の上の帯の色（`term`（既定）・`emph`・`accent2`・`series-1..4`）\n- `delta`：`{\"dir\": \"up\" | \"down\", \"text\": \"前の期から 4 社\", \"good\": true}`。▲ / ▼ と一言を数字の下に出す。良い向き（`good`、既定は `up` なら良い）なら `--term`、悪い向きなら `--emph`\n- `note`：札の下端の一言（`--muted`）\n- 見せ方（`variant`）：`count`・`rise`・`flip`・`underline`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 札の並び：`cols`（既定は札の数、4 まで）列で、行が足りなければ折り返す\n- `cues(k)`：同じ段階に 2 枚以上の札があれば、2 枚目からの開始時刻を返す（口述原稿の `{cue}` に合わせられる）"
+   },
+   "m-map-japan": {
+    "set": "maps",
+    "row": "| `<m-map-japan>` | 日本の 47 都道府県の地図。地域の強調、統計の塗り分け、点、矢印、経度・緯度の重ね描きを段階ごとに出す | 項目の step の最大（既定 1）。地図そのものは段階 0 から出ている | `{regions?:[{id?:str\\|int,group?:str,label?,tone?,step?,at?} (id or group),…],values?:object,classes?:num[],valuesStep?:int,points?:[{lon?:num,lat?:num,code?:str\\|int,label?,tone?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\",step?,at?} (lon + lat or code),…],flows?:{from:str\\|int\\|any[],to:str\\|int\\|any[],label?,tone?,value?:num,bend?:num,via?:any[][],labelAt?:any[],step?,at?}[],shapes?:[{polygon?:any[][],line?:any[][],label?,labelAt?:any[],tone?,dash?:bool,step?,at?} (polygon or line),…]}` — prefectures by JIS code \"01\"–\"47\" (or \"JP-13\", \"東京都\") in regions[].id; the 8 regions (hokkaido, tohoku, kanto, chubu, kinki, chugoku, shikoku, kyushu) in regions[].group; values is an object {code: number}; classes are the lower bounds of the classes (default 4, at most 5); points, shapes and flows[].via use lon/lat in degrees |",
+    "entry": "### `<m-map-japan>`\n\nData example (child `<script type=\"application/json\">`): `{\"regions\":[{\"id\":\"13\",\"tone\":\"emph\",\"step\":1},{\"group\":\"kinki\",\"tone\":\"series-2\",\"step\":2}],\"points\":[{\"lon\":135.5,\"lat\":34.69,\"label\":\"大阪\",\"step\":3}],\"flows\":[{\"from\":\"13\",\"to\":\"27\",\"step\":4}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `layout` | string | `\"inset\"` | inset（南西諸島を枠に入れて描く）か true（本当の位置。日本が小さくなる） |\n| `islands` | string | `\"main\"` | main か all（inset で小笠原諸島の枠も描く） |\n| `labels` | string | `\"focus\"` | 地域の名前：focus（regions に書いた地域だけ）・all（名前が中に入る都道府県すべて）・none |\n| `show` | string | `\"none\"` | 塗り分けた地域の上に値を書くか：none（書かない、既定）・value（中に入る地域だけ値を書く） |\n| `unit` | string | `\"\"` | 値の単位（凡例の見出しに書く） |\n| `digits` | number | `0` | 値の小数桁 |\n| `legend` | string | `\"\"` | 凡例の見出し（例：人口）。unit があれば後ろに（単位）を足す |\n\n地理・歴史の授業で場所を示すときに使う。子の JSON（どれも `step` `at` `tone` を持てる）：\n\n- `regions`：`id`（`\"01\"`〜`\"47\"`）か `group`（`hokkaido` `tohoku` `kanto` `chubu` `kinki` `chugoku` `shikoku` `kyushu`）。`label`\n- `values`：`{\"13\": 1406, …}` と `classes`（階級の下限、既定は 4 階級、5 つまで）で塗り分け。凡例に階級を書く\n- `points`：`lon` `lat`（または `code` で県庁の位置）、`label`、`anchor`\n- `flows`：`from` `to`（番号か `[経度, 緯度]`）の矢印。`via`（通る点 `[[経度, 緯度], …]`。海の道は沖に）、`label` `labelAt` `value`\n- `shapes`：`polygon` か `line`（`[[経度, 緯度], …]`）。`label` `dash`\n\n`labels`：`focus`（既定）・`all`・`none`。`show=\"value\"` で入る地域に値を書く（既定は書かない）。\n\n日本の範囲・東西南北の端・排他的経済水域を見せるときは layout=\"true\"（小窓なし、本当の位置）\n\n地図データ：Natural Earth（パブリックドメイン）を加工。"
+   },
+   "m-map-world": {
+    "set": "maps",
+    "row": "| `<m-map-world>` | 世界の国・地域の地図（太平洋が中央）。国や州の強調、区分と値の塗り分け、点、矢印を段階ごとに出す | 項目の step の最大（既定 1）。地図そのものは段階 0 から出ている | `{regions?:[{id?:str,group?:str,label?,tone?,step?,at?} (id or group),…],categories?:{label,ids:str[],tone?,step?,at?}[],values?:object,classes?:num[],valuesStep?:int,points?:[{lon?:num,lat?:num,code?:str,label?,tone?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\",step?,at?} (lon + lat or code),…],flows?:{from:str\\|any[],to:str\\|any[],label?,tone?,value?:num,bend?:num,via?:any[][],labelAt?:any[],step?,at?}[],shapes?:[{polygon?:any[][],line?:any[][],label?,labelAt?:any[],tone?,dash?:bool,step?,at?} (polygon or line),…]}` — countries by ISO alpha-3 or Natural Earth code (\"JPN\", \"USA\") or Japanese name; the six regions (asia, europe, africa, north-america, south-america, oceania) in regions[].group and categories[].ids; values is an object {code: number}; classes are the lower bounds (default 4, at most 5); points, shapes and [lon, lat] in flows use degrees |",
+    "entry": "### `<m-map-world>`\n\nData example (child `<script type=\"application/json\">`): `{\"regions\":[{\"id\":\"JPN\",\"tone\":\"emph\",\"step\":1},{\"group\":\"africa\",\"tone\":\"series-2\",\"step\":2}],\"points\":[{\"lon\":139.69,\"lat\":35.69,\"label\":\"東京\",\"step\":3}],\"flows\":[{\"from\":[139.69,35.69],\"to\":\"AUS\",\"step\":4}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `labels` | string | `\"focus\"` | 名前：focus（regions に書いた地域だけ）・all（名前が中に入る国すべて）・none |\n| `grid` | string | `\"none\"` | none・equator（赤道）・graticule（30° ごとの経線・緯線と赤道） |\n| `show` | string | `\"none\"` | 塗り分けた国の上に値を書くか：none（既定）・value（中に入る国だけ） |\n| `unit` | string | `\"\"` | 値の単位（凡例の見出しに書く） |\n| `digits` | number | `0` | 値の小数桁 |\n| `legend` | string | `\"\"` | 凡例の見出し（例：人口）。unit があれば後ろに（単位）を足す |\n\n世界地理・歴史の授業で国や都市の場所を示すときに使う。子の JSON（どれも `step` `at` `tone` を持てる）：\n\n- `regions`：`id`（`\"JPN\"` など ISO の 3 文字か国名）か `group`（六州）。`label`\n- `categories`：`label` と `ids`（国か州）。凡例に出す。4 区分まで\n- `values`：`{\"JPN\": 72, …}` と `classes`（階級の下限）\n- `points`：`lon` `lat`、`label`、`anchor`\n- `flows`：`from` `to`（`[経度, 緯度]` か国）、`via` `label` `value` `bend`\n\n継ぎ目は 30°W（大西洋を横切る矢印は描けない）。\n\n地図データ：Natural Earth（パブリックドメイン）を加工。"
+   },
+   "m-market": {
+    "set": "business",
+    "row": "| `<m-market>` | 市場規模の入れ子の円（TAM / SAM / SOM）。外の円から 1 つずつ、前の円の大きさから縮んで現れる | rings の数 | `{rings:{key?:str,value:num,basis?:str,tone?}[]}` |",
+    "entry": "### `<m-market>`\n\nData example (child `<script type=\"application/json\">`): `{\"rings\":[{\"key\":\"TAM\",\"value\":3000,\"basis\":\"国内の…\"},{\"key\":\"SAM\",\"value\":600,\"basis\":\"…\"},{\"key\":\"SOM\",\"value\":30,\"basis\":\"…\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `unit` | string | `\"\"` | 値の単位（数字の後ろに付ける） |\n| `digits` | number | `0` | 値の小数桁 |\n| `scale` | string | `\"fixed\"` | fixed（決まった比）か area（面積を値に比例） |\n| `layout` | string | `\"bottom\"` | bottom（下端をそろえる）か center（同心） |\n| `count` | bool | `false` | 値の数字を縮みに合わせて数え上げる |\n\n市場の大きさを、全体（TAM）から手の届く範囲（SAM）、最初に取る範囲（SOM）へ絞り込んで見せるときに使う。\n\n子の JSON の並び：外から順。\n\n- 段階 j で j 番目の円が、1 つ外の円の大きさと位置から縮んで現れる。前の円はそのまま残る\n- 名前（`key`）・値・根拠（`basis`、何を数えたか）は円の右に書き、円の中の点から引き出し線で結ぶ。値は `digits` 桁で 3 桁ごとにカンマを入れ、`unit` を後ろに付ける\n- `scale=\"fixed\"`（既定）は見やすい決まった比（1・0.64・0.34・0.16）。`scale=\"area\"` は面積を値に比例させる（小さすぎる円は最も大きい円の 0.14 倍の半径にする）。面積に比例させると SOM がほとんど見えないことが多いので、既定は fixed にして値を字で示す\n- `layout=\"bottom\"`（既定）は円の下端をそろえ、`layout=\"center\"` は同心にする\n- 色は外の 2 つが `--term`、内の円が `--emph`（`tone` で変えられる）\n- 値の数字は円が縮みきってから出す。`count=\"true\"` なら縮みに合わせて数え上げる"
+   },
+   "m-menu": {
+    "set": "standard",
+    "row": "| `<m-menu>` | スライドへのリンクの札を格子に並べる（目次・単元の選び方）。札はふつうの <a href=\"#<スライドの id>\">、行ったスライドの札に「見た」の印 | ceil(札の数 / per-step)（既定の per-step=\"0\" なら 0：初めから全部） | child `<a href>` links (not JSON) |",
+    "entry": "### `<m-menu>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `cols` | number | `0` | 列の数（0 なら札の数から：3 枚までは 1 行、4 枚は 2 列、それより多ければ 3 列） |\n| `per-step` | number | `0` | 1 段階に出す札の数（0 なら初めから全部出し、段階を使わない） |\n| `size` | number | `34` | 札の題の字の大きさ（px）。副題はその 0.8 倍（本文の下限の 27px より小さくしない） |\n| `visited` | bool | `true` | このセッションで行き先のスライドを開いた札に「見た」の印を付ける |\n\n目次、授業の単元の選び方、「どこから見るか」を選ばせる 1 枚に使う。目次は取り込んだ後に足す。初稿では普通の箇条書き。（Add the menu after import; in the first draft use a plain list.）\n```html\n<m-menu cols=\"3\" aria-label=\"今日の内容\">\n  <a href=\"#s-njd4kp\" data-icon=\"一\" data-sub=\"孟浩然\">春暁</a>\n  <a href=\"#s-uhqygr:2\" data-icon=\"二\" data-sub=\"読む順から\">春望</a>\n</m-menu>\n```\n\n- 子の `<a href>` 1 つが札 1 枚。`href` は `#<スライドの id>`（その段階 0）か `#<id>:<段階の鍵>`（`0`・`1`・… か `concl`）。id は取り込みのときに付く。中身（文字・`<b>` など）が札の題になる\n- `data-icon`：題の左の丸に入れる短い字（`一`・`1`・`A` など。色は `--term`）。`data-sub`：題の下の副題（`--muted`）\n- 段階：`per-step=\"n\"` なら札が n 枚ずつ段階ごとに出る（`data-from` から。同じ段階の中は `stagger` 秒ずつずれる）。まだ出ていない札は押せず、Tab でも選べず、読み上げない。\n  `per-step=\"0\"`（既定）なら初めから全部（段階を使わない）。段階は (k, t) だけで決まる\n- 並び：`cols`（既定は札の数から：3 枚までは 1 行、4 枚は 2 列、それより多ければ 3 列）。札の高さの下限は CSS の `--mm-h`（既定 104px）、間は `--mm-gap`（18px）。\n  本文いっぱいに置いて縦の真ん中にそろえるなら `style=\"height:100%;align-content:center;--mm-h:150px\"`"
+   },
+   "m-numberline": {
+    "set": "math",
+    "row": "| `<m-numberline>` | 数直線。点・□・ジャンプ・不等式の範囲・0.1 の拡大。2 本で比例数直線 | build の順（既定 ticks,marks,links,jumps,ranges,magnify）に項目 1 つ = 1 段階。whole：全部で 1 段階 | `{lines:{from:num\\|str,to:num\\|str,step?:num\\|str,sub?:int,unit?:str,label?,labels?:str\\|any[]}[],marks?:{at:num\\|str,line?:int,label?,kind?:\"dot\"\\|\"open\"\\|\"box\",tone?,show?:int}[],jumps?:{from:num\\|str,to:num\\|str,line?:int,label?,tone?,show?:int}[],ranges?:[{from?:num\\|str,to?:num\\|str,incl?:[bool,bool],line?:int,label?,tone?,show?:int} (from or to),…],link?:(any[]\\|object)[],magnify?:{from:num\\|str,to:num\\|str,step?:num\\|str,labels?:str\\|any[],show?:int}[]}` — lines [{from, to, step, sub, unit, label, labels}] (1 or 2); marks [{at, kind: dot\\|open\\|box, label}]; jumps [{from, to, label}]; ranges [{from, to, incl: [bool, bool]}]; link [[top value, bottom value]]; magnify [{from, to, step}]. Values are numbers or \"1/3\" |",
+    "entry": "### `<m-numberline>`\n\nData example (child `<script type=\"application/json\">`): `{\"lines\":[{\"from\":0,\"to\":10,\"step\":1}],\"marks\":[{\"at\":3}],\"jumps\":[{\"from\":3,\"to\":7,\"label\":\"+4\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `build` | string | `\"ticks,marks,links,jumps,ranges,magnify\"` | 出す順（種類をコンマで）か whole（全部を 1 段階で） |\n| `arrow` | string | `\"off\"` | on：線の右の端を矢印に |\n\n子の JSON の値は数か `\"1/3\"`（分数で書く）。\n\n- lines：1 本か 2 本（0 をそろえる）`{from, to, step, sub, label, unit, labels: \"ends\" | [値]}`\n- marks：`{at, kind: \"dot\" | \"open\" | \"box\", label}`。box は □\n- jumps：`{from, to, label}`（左向きも）\n- ranges：`{from, to, incl: [true, false]}`。端がなければ矢印。重なれば共通部分を塗る\n- link（2 本）：`[[上の値, 下の値]]` か `{at, label: \"×3\"}`\n- magnify：`{from, to, step}`。区間を下の線に広げる（既定 10 等分）\n- 項目の `line`（0 か 1。拡大の線は 1, 2, …）、`show`（段階）\n- `arrow=\"on\"`：右端を矢印に"
+   },
+   "m-orbit": {
+    "set": "science",
+    "row": "| `<m-orbit>` | 月の満ち欠け（金星の満ち欠け）。北極の上から見た図と地球から見た形を並べ、月を位置から位置へ動かす。形は位置から計算する | 動く先の数（既定は 8 つの位置を新月から 1 周 = 8 段階。visit で決める） | `{positions?:int,start?:int,visit?:int[],labels?:(str\\|null)[],notes?:(str\\|null)[],eclipse?:bool}` |",
+    "entry": "### `<m-orbit>`\n\nData example (child `<script type=\"application/json\">`): `{\"positions\":8,\"visit\":[1,2,3,4,5,6,7,0]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `mode` | string | `\"moon\"` | moon（月の満ち欠け）か venus（金星の満ち欠け） |\n| `hemisphere` | string | `\"north\"` | north（北半球から見た形。満ちていく月は右が光る）か south（南半球。左右が逆） |\n| `sun` | string | `\"right\"` | 月の図で太陽の光が来る側（right か left） |\n| `earth` | number | `0.2` | 地球の半径（月の軌道の半径に対する比。金星の図では地球の軌道に対する比の半分） |\n| `moon` | number | `0.5` | 月の半径（地球の半径に対する比。実際の月は 0.27。金星の図では金星をこの 1.4 倍に） |\n| `observer` | bool | `true` | 月の図で、地球の上の人と、月を見る向きを描く |\n| `size` | number | `28` | 地球から見た形の名前の字の大きさ（px。24 以上） |\n\n月の満ち欠け（中学 3 年・地学基礎）を見せるときに使う。左は北極の上から見た図で、太陽の光が片側から来て、地球のまわりの軌道の上に月がある。月の光っている半分は、いつも太陽の側を向いている。右は、地球から見たときの月の形。2 つの図は同じ位置で動く。\n\n**大きさと距離は実際の比ではない**（教えるための図）。実際は、地球と月の距離は地球の半径のおよそ 60 倍、月の半径は地球のおよそ 0.27 倍。比は `earth` と `moon` で変えられる。\n\n子の JSON（中身は省ける。`{}` で既定の 1 周）：`{\"positions\": 8, \"start\": 0, \"visit\": [1, 2, 3, 4, 5, 6, 7, 0], \"labels\": [...], \"notes\": [...], \"eclipse\": false}`（どれも省ける）。\n\n- `positions`：軌道の上の位置の数（4〜24、既定 8）。位置 0 が新月（月が太陽の側）、そこから反時計回りに等しい間隔\n- `start`：段階 0 の位置（既定 0）\n- `visit`：段階ごとに動く先の位置。月はいつも反時計回りに進む（2 つ先なら 2 つ分動く）。既定は `start` の次から 1 周して `start` へ戻る\n- `labels`：位置ごとの名前（`null` は既定のまま、`\"\"` は名前なし）。既定は、新月・三日月・上弦の月・満月・下弦の月（英語は new moon, waxing crescent, first quarter, full moon, last quarter）。8 つの位置では、残りの 3 つは名前なし（教科書と同じ）。十三夜などは `labels` で付ける\n- `notes`：位置ごとの説明（右の図の名前の下）。既定は、地球の上の人がその月を見る時刻と空の向き（「夕方・南西の空」など。下）\n- `eclipse`：`true` なら、新月と満月の位置で、太陽・月・地球がそろったときの影を描き、名前に（日食）（月食）を添える\n\n属性：\n\n- `mode`：`moon`（既定）か `venus`（金星の満ち欠け。下）\n- `hemisphere`：`north`（既定。満ちていく月は右側が光る）か `south`（左右が逆）\n- `sun`：太陽の光が来る側（`right` 既定か `left`）。月の図だけ\n- `earth`：地球の半径（月の軌道の半径に対する比、既定 0.2）。`moon`：月の半径（地球の半径に対する比、既定 0.5）\n- `observer`：地球の上の人と、月を見る向きの線（既定 true）\n- `size`：右の図の名前の字の大きさ（既定 28px）。`dur`：となりの位置へ動く秒数（既定 1.2）\n\n地球の上の人の時刻：月が夜の側にあるとき（上弦から下弦まで）は、月が南の空にいちばん高く上る時刻（上弦は夕方、満月は真夜中、下弦は明け方）。三日月のように夕方の側にある月は日の入り、明け方の側にある月は日の出、新月は正午。人は段階の間に、地球が回る向きに動く。空の向きは、人の真上から月への角を 45° ごとに名前にしたもの（南、南西、西…。南半球では北が基準）。教科書と言い方を合わせたいときは `notes` で書く。\n\n`mode=\"venus\"`：太陽を中心に、金星と地球の軌道を描く。地球は下に止めて、金星の位置を外合（太陽の向こう側）から反時計回りに `positions` 個置く（8 つなら位置 3 が東方最大離角に近い「よいの明星」、位置 5 が西方最大離角に近い「明けの明星」）。右の図は地球から見た金星の形で、大きさは地球からの距離に反比例する（地球に近いほど大きく、細く欠ける）。説明は「夕方・西の空」「明け方・東の空」、太陽に近い位置では「太陽に近くて見えない」。軌道の比は実際の値（金星 0.723）。\n\n縦書きの教材でも、横書きの 1 つの図として置く。"
+   },
+   "m-pie": {
+    "set": "standard",
+    "row": "| `<m-pie>` | 円グラフとドーナツグラフ。切れの名前と値・割合は、大きい切れなら中に、小さい切れなら外に引き出し線で書く | 既定は 1（全部を一度に）。per-step で n 切れずつ、切れの step で直接 | `{slices:{label?,value:num,tone?,step?,place?:\"auto\"\\|\"in\"\\|\"out\"}[],center?:str}` — the slices go in \"slices\" (not \"data\" or \"groups\"); value is a number, not a percentage string; the slices are drawn clockwise from 12 o'clock in the written order |",
+    "entry": "### `<m-pie>`\n\nData example (child `<script type=\"application/json\">`): `{\"slices\":[{\"label\":\"食費\",\"value\":7.2},{\"label\":\"住まい\",\"value\":8.5},{\"label\":\"その他\",\"value\":2.1,\"tone\":\"muted\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `donut` | number | `0` | ドーナツの内側の半径の割合（0 = 円グラフ。0.5〜0.6 がよい） |\n| `unit` | string | `\"\"` | 値の単位（数字の後ろに付ける。万円、人、% など） |\n| `digits` | number | `0` | 値の小数桁 |\n| `pct-digits` | number | `0` | 割合の小数桁 |\n| `show` | string | `\"pct\"` | 名前の下に書くもの：pct（割合）・value（値）・both（値と割合）・none |\n| `per-step` | number | `0` | 1 段階に出す切れの数（0 = 全部を段階 1 で） |\n\n家計や予算の内訳、回答の割合など、全体を 100% としたときの内訳を見せるときに使う。\n内訳は一度に全部見せる（共通の決まり §3）。<!--part:m-bars-->量どうしを細かく比べたいなら `m-bars` のほうが読みやすい。<!--/part-->\n\n- slice：`label`（名前）、`value`（数。割合はこの値から計算する）、`tone`（`term` `emph` `accent2` `muted` `fg` `series-1..4`）、`step`、`place`（`auto`（既定）・`in`・`out`）\n  - 切れは 12 時の位置から時計回りに、書いた順に並ぶ。「その他」は最後に書き、`\"tone\": \"muted\"` にするとよい\n  - 既定の色は `--series-1..3`、4〜6 切れ目は同じ 3 色を薄くしたもの、7 切れ目は `--series-4`。切れは 6〜7 つまでにする\n- `center`：ドーナツの穴の中の字（`\\n` で改行。`{total}` は合計の値に置き換わる。例：`\"回答\\n{total}\"`）。`center` は字（文字列）。<!--part:m-cycle-->`m-cycle` の `center` は `{\"label\": …}` のオブジェクトなので取り違えない<!--/part-->\n- `donut`：ドーナツにする（内側の半径の割合。`0.5`〜`0.6` がよい。0 なら円グラフ）\n- `show`：名前の下に書くもの：`pct`（割合、既定）・`value`（値）・`both`（値と割合）・`none`\n- `unit` `digits`：値の単位と小数桁（3 桁ごとにカンマ）。`pct-digits`：割合の小数桁（既定 0）。割合は足して 100% になるように丸める\n- 段階：既定は全部を段階 1 で出す。`per-step=\"1\"` で 1 切れずつ（口述原稿が 1 切れずつ話すときだけにする。そのときは全体の輪郭を初めから薄く見せる）。切れの `step` を書けばそれが勝つ\n- 字の置き場所：切れの中に収まれば中に（濃い切れでは背景の色の字）、収まらなければ外の左右の列に引き出し線で書く。外の字が縦に重ならないように並べ直し、字が片側だけなら字と円をまとめて真ん中に寄せる\n- 見せ方（`variant`）：`fade`・`sweep`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 授業の表示（`ctx.preview`）では、先の段階の切れをテーマの薄さで見せる"
+   },
+   "m-predict": {
+    "set": "standard",
+    "row": "| `<m-predict>` | 予想してから答えを開く。選択肢ごとの人数を棒で見せ、答えの段階で正解に枠 | 0 問いと選択肢、1 人数の棒、answer-step（既定 2）で答え | `{question?:str,choices:{label,tone?}[],answer:int,counts?:int[],note?}` — choices are objects {\"label\": …} (not strings); answer is the 0-based index of the right choice; counts (optional) has one whole number ≥ 0 per choice |",
+    "entry": "### `<m-predict>`\n\nData example (child `<script type=\"application/json\">`): `{\"question\":\"重い球と軽い球、どちらが先に落ちる？\",\"choices\":[{\"label\":\"重い球\"},{\"label\":\"軽い球\"},{\"label\":\"同時\"}],\"answer\":2,\"counts\":[14,3,9],\"note\":\"空気の抵抗を除けば同時に落ちる\"}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `answer-step` | number | `2` | 答えを開く段階（1 以上。1 なら数の棒と同時） |\n| `unit` | string | `\"\"` | 数の単位（人 など） |\n| `poll` | string | `\"\"` | Live poll ID (receives no live counts; viewer/author counts are used) |\n| `ticks` | bool | `true` | 数の軸の目盛りと格子 |\n\n「A だと思う人〜」と手を挙げてもらい、先生が −1・＋1 で数える（数を打ち込んでもよい）。一人で学ぶ人は選択肢を押すと自分の予想になる。\n\n- 選択肢は 2〜6。動画・印刷・最初の表示は `counts`（無ければ 0）。同じスライドにいるあいだは数が残る（答えの段階でも、戻っても）\n- 口述原稿は `counts` の数で書き、数える所は `{note:ここで手を挙げてもらう}` と書く（丸かっこは読み上げられる）\n- `poll=\"p1\"`: reserved for future reveals. No live source sends reveals yet; `ctx.live.poll(id)` returns null, so viewer/author counts are used"
+   },
+   "m-quad": {
+    "set": "standard",
+    "row": "| `<m-quad>` | 2 軸の位置づけ（ポジショニングマップ・SWOT 風の 4 象限）に、点を段階ごとに 1 つずつ置く | 点の step と to.step の最大（既定は点 1 つ = 1 段階） | `{x?:{lo?:str,hi?:str},y?:{lo?:str,hi?:str},quads?:{tr?:str,tl?:str,bl?:str,br?:str,fill?:str},items:{label?,x:num,y:num,step?,at?,tone?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\",r?:num,self?:bool,to?:{x:num,y:num,label?,step?,at?}}[]}` |",
+    "entry": "### `<m-quad>`\n\nData example (child `<script type=\"application/json\">`): `{\"x\":{\"lo\":\"手作業\",\"hi\":\"自動\"},\"y\":{\"lo\":\"高い\",\"hi\":\"安い\"},\"items\":[{\"label\":\"A 社\",\"x\":0.25,\"y\":0.7},{\"label\":\"自社\",\"x\":0.8,\"y\":0.82,\"self\":true}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `26` | 点の名前の字の大きさ（px） |\n| `quads-step` | number | `0` | 象限の名前を出す段階（0 = 初めから） |\n\n競合と自社の位置づけ、施策の分類（効果×手間）、SWOT のように、2 つの軸の上に項目を 1 つずつ置いて\n「空いている場所」を見せるときに使う。\n\n- `x` `y`：軸の両端の言葉（横軸は軸の下の両端、縦軸は軸の上端と下端の外）。軸と言葉は段階 0 から見える\n- `quads`：象限の名前（tr = 右上、tl = 左上、bl = 左下、br = 右下）。`fill` に象限の名前（`\"tr\"` など）を書くとその象限を淡く塗り、名前を `--term` で書く。名前は `quads-step` の段階で現れる（既定 0 = 初めから）\n- item：`label`、`x` `y`（0〜1。0.5 が軸の交わるところ）、`step`（既定は前の点の次の段階）、`at`（段階の中の開始秒）、`tone`（`term` / `fg`、既定は `--muted`）、`anchor`（名前の位置：`right`（既定）・`left`・`above`・`below`）、`r`（丸の半径）\n- `self: true` の点は `--emph` で大きく描き、現れたときに輪が 1 回広がる（最終状態では輪は出ない）\n- `to: {\"x\", \"y\", \"label\", \"step\", \"at\"}`：移動先。`to.step`（既定は点の次の段階）に、点が破線の跡を引きながら滑り、着いたら移動先の上に `label` を出す\n- `cues(k)`：同じ段階に 2 つ以上の点があれば、2 つ目からの開始時刻（at）を返す。口述原稿の `{cue}` の数と合えば、点が言葉に合わせて現れる"
+   },
+   "m-scatter": {
+    "set": "standard",
+    "row": "| `<m-scatter>` | 散布図。点の組（系列）を段階ごとに出し、そのあと傾向の線（最小二乗の直線か、書いた 2 点）を引く | 系列の数 ＋ 傾向の線（既定は系列 1 つ = 1 段階、そのあと線をまとめて 1 段階。系列・線の step で直接） | `{series:{label?,tone?,step?,at?,points:([num,num]\\|{x:num,y:num,label?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\",tone?})[]}[],trend?:str\\|{fit?:\"linear\",pts?:[[num,num],[num,num]],series?:int\\|any[],label?,tone?,dash?:bool,step?,at?,digits?:int}\\|[the same {…},…]}` — points are [x, y] or {\"x\", \"y\", \"label\"}; axes go in attributes (xr=\"[0,10]\" xl=\"…\"); trend is \"linear\" or {\"fit\": \"linear\", \"label\": \"…\"} or {\"pts\": [[x0, y0], [x1, y1]]} |",
+    "entry": "### `<m-scatter>`\n\nData example (child `<script type=\"application/json\">`): `{\"series\":[{\"label\":\"晴れ\",\"points\":[[24,210],[28,380],[31,560],{\"x\":34,\"y\":690,\"label\":\"猛暑日\"}]}],\"trend\":\"linear\"}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `xr` | json | `null` | 横軸の範囲（書かなければデータから） |\n| `yr` | json | `null` | 縦軸の範囲（書かなければデータから） |\n| `xt` | json | `null` | 横軸の目盛り（書かなければ自動） |\n| `yt` | json | `null` | 縦軸の目盛り（書かなければ自動） |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | x axis name (`*italic*` `_sub` `^sup`) * |\n| `yl` | string | `\"\"` | y axis name * |\n| `r` | number | `9` | 点の半径（px） |\n\n気温と売上、勉強時間と点数、価格と販売数など、2 つの量の関係を見せるときに使う。\n点を出してから傾向の線を引く（共通の決まり §3 の「点、それから傾向」）。\n\n- series：`points`（点の並び。`[x, y]` か `{\"x\", \"y\", \"label\", \"anchor\", \"tone\"}`）、`label`（系列の名前。図の上に印と一緒に書く）、`tone`（`term` `emph` `accent2` `muted` `fg` `series-1..4`。既定は `series-1..4` の順）、`step`（1 系列 = 1 段階（書いた順）。同じ `step` の系列は一緒に出す）、`at`（段階の中の開始秒）\n  - 点の `label` は点の横に書く（右 → 左 → 上 → 下の順に、ほかの点・字・軸と重ならない所。`anchor`（`right` `left` `above` `below`）で最初に試す向きを決められる）。外れた点や目立つ点だけに付ける\n  - 系列ごとに印の形が変わる（丸・四角・三角・ひし形）。色だけに頼らない\n- trend：`\"linear\"`（全部の点の最小二乗の直線）、または `{\"fit\": \"linear\", \"series\": 0, \"label\", \"tone\", \"dash\", \"step\", \"at\", \"digits\"}`、または `{\"pts\": [[x0, y0], [x1, y1]]}`（書いた 2 点を結ぶ線分。ちょうど 2 つの `[x, y]`。縦の線も書ける）。2 本以上は配列にする\n  - `series`：当てはめに使う系列の番号（0 から数える。1 つ目の系列が 0。数か番号の配列。既定は全部）\n  - `label`：線の名前（図の上に書く）。`{r}` は相関係数、`{a}` は傾き、`{b}` は切片に置き換わる（`digits` 桁、既定 2）。例：`\"傾向（r = {r}）\"`\n  - `step`：既定は最後の系列の次の段階（線が何本あっても同じ段階）\n  - 当てはめた直線は当てはめた点の x の範囲に、`pts` の線は書いた 2 点の間に引き、軸の枠の中で切る。枠の外に出る線は描かず、`ctx.report` で知らせる\n  - `pts` の縦の線では `{a}` `{b}`（傾き・切片）は空になる。`{r}` は当てはめた直線だけ\n- 軸の属性：`xr` `yr`（範囲）、`xt` `yt`（目盛り）、`xf` `yf`（目盛りの小数桁）、`xl` `yl`（軸の名前）。`xr` `yr` を書かなければデータから切りのよい範囲を、`xt` `yt` を書かなければ目盛りを決める\n- 見せ方（`variant`）：`fade`・`sweep`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 授業の表示（`ctx.preview`）では、先の段階の点と線をテーマの薄さで見せる",
+    "sup": true
+   },
+   "m-score": {
+    "set": "music",
+    "row": "| `<m-score>` | 楽譜（五線譜）を 1 音・和音ずつ、または 1 小節ずつ出して音も鳴らす。ABC 記譜法で書く | 音符・和音・休符 1 つ＝1 段階。by=\"measure\" なら 1 小節＝1 段階 | `{abc:str}` — write abc only; the build adds abcSvg, abcMap and renderers |",
+    "entry": "### `<m-score>`\n\nData example (child `<script type=\"application/json\">`): `{\"abc\":\"X:1\\nM:4/4\\nL:1/4\\nQ:1/4=96\\nK:C\\nC D E F |]\"}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `by` | string | `\"note\"` | note（1 音・和音ずつ）\\| measure（1 小節ずつ） |\n| `names` | string | `\"none\"` | 符頭の下の名前：solfa（ドレミ）\\| abc \\| iroha（ハニホ）\\| none |\n\n- `abc`：ABC 記譜法。`M:` 拍子、`L:` 基本の長さ、`Q:1/4=96` 速さ、`K:` 調、`[CEG]` 和音、`z` 休符、`-` タイ\n- `names`：符頭の下に `solfa`（ドレミ）・`abc`・`iroha`（ハニホ）。既定は `none`\n- `by=\"measure\"`：1 小節ずつ（音は小節の中で順に鳴る）"
+   },
+   "m-seq": {
+    "set": "stats",
+    "row": "| `<m-seq>` | 観測を 1 つずつ加え、分布と数値が更新されていく様子を見せる（前の分布は薄く残す） | ceil((steps の数 − 1) / per-step) | `{xs:num[],steps:{dens:num[],readout?:object,mark?:num}[],digits?:object,markLabel?:str}` |",
+    "entry": "### `<m-seq>`\n\nData example (child `<script type=\"application/json\">`): `{\"xs\":[-2,-1,0,1,2],\"steps\":[{\"dens\":[0.05,0.24,0.4,0.24,0.05],\"readout\":{\"n\":0}},{\"dens\":[0.02,0.2,0.5,0.2,0.02],\"readout\":{\"n\":1},\"mark\":0.3}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `per-step` | number | `1` | 1 段階で動かす更新の回数 |\n| `xr` | json | `null` | 横軸の範囲（既定は xs の端） |\n| `yr` | json | `[0, 1]` | y range [min, max] * |\n| `xt` | json | `[]` | x tick values * |\n| `yt` | json | `[]` | y tick values * |\n| `xf` | number |  | x tick decimals * |\n| `yf` | number |  | y tick decimals * |\n| `xl` | string | `\"\"` | x axis name (`*italic*` `_sub` `^sup`) * |\n| `yl` | string | `\"\"` | y axis name * |\n| `digits` | number | `2` | 数値の小数の桁数（data.digits で名前ごとに上書き） |\n| `panel` | number | `250` | 右の数値の欄の幅（px） |\n| `ghosts` | number | `99` | 残す前の分布の数 |\n\n回答や観測を 1 個ずつ加えて、事後分布と推定値が絞られていく過程を見せるときに使う。\n\n`xl` `yl` `yr` などの軸の設定は JSON にも書ける（属性があれば属性を優先）。\n\n- `steps[0]` が始めの状態（段階 0）、`steps[1..]` が 1 回ずつの更新\n- `per-step` 回の更新を 1 段階の中で順に動かす。1 回の長さは `slot` 秒、`cues(k)` は各更新の開始時刻を返すので、\n  口述原稿の `{cue}` を更新の数だけ置けば、音声に合わせて 1 回ずつ動く\n- 数値は前後の値の間を補間し、`digits` の桁でそろえて表示する（等幅の数字）",
+    "sup": true
+   },
+   "m-sweep": {
+    "set": "math",
+    "row": "| `<m-sweep>` | パラメータを動かして関数の形の変化を見せる（前の形は灰色で残す） | values の数 − 1 | attributes only (no JSON child): `values=\"[0,0.5,1]\"` |",
+    "entry": "### `<m-sweep>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `f` | string | `\"u*u\"` | 関数の式（算術の式。変数は横軸 u とパラメータ c。Math.exp(…) などの Math の関数と定数、+ - * / % **、比較と ? : が使える） |\n| `values` | json | `[0, 1]` | パラメータの値の列。段階ごとに次の値へ動く |\n| `param` | string | `\"c\"` | 表示するパラメータの名前 |\n| `xr` | json | `[-3, 3]` | x range [min, max] * |\n| `yr` | json | `[0, 10]` | y range [min, max] * |\n| `xt` | json | `[]` | x tick values * |\n| `yt` | json | `[]` | y tick values * |\n| `xl` | string | `\"\"` | x axis name (`*italic*` `_sub` `^sup`) * |\n| `yl` | string | `\"\"` | y axis name * |\n| `digits` | number | `2` | 表示する値の小数の桁数 |\n\n「φ が大きいほど〜」を目で確かめさせるときに使う。\n\n`f` の式の中では、動かす値はいつも `c` と書く（`param` は図に表示する名前だけ。`param=\"η\"` でも `f=\"u*u + c*u\"`）。\n\n`f` は算術の式（コードとしては実行しない）：数、`u` と `c`、`Math.exp(…)` `Math.sin(…)` などの `Math` の関数と `Math.PI` などの定数、`+ - * / % **`、比較（`< <= > >= == !=`）、`&& || !`、`? :`、括弧。べき乗は `**`（`^` は書けない）。`-u ** 2` は `-(u ** 2)` か `(-u) ** 2` と書く。書けない式は図の代わりに札が出る。",
+    "sup": true
+   },
+   "m-syntax": {
+    "set": "english",
+    "row": "| `<m-syntax>` | 英文の構造：S V O C M の記号、句と節の括弧、修飾の矢印、品詞、それから和訳 | 出てくる要素（S V O C M）を 1 つずつ＋括弧・矢印・和訳（あるものだけ）。build=\"whole\" で 1 | text inside the element (not JSON) |",
+    "entry": "### `<m-syntax>`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `36` | 英文の字の大きさ（px） |\n| `pos` | string | `\"off\"` | on で品詞（語[名]）を語の下に |\n| `build` | string | `\"steps\"` | whole で全部を 1 段階に |\n| `yaku` | bool | `true` | 和訳（= の行）を最後に出す |\n\n1 行 1 文。`=` の行は直前の文の和訳。\n\n```\n[S The girl {形^ [S who] [V lives]}] [V is] [C my friend].\n= 隣に住む女の子は私の友達だ。\n```\n\n- `[S …]` 要素（S V O C M、O1 O2）。`{ }` の中は小文字で出る\n- `{形 …}` `{副 …}` `{名 …}` 句・節の括弧（ < > [ ]）。中に V があれば節（`形句` `形節` で固定）\n- `^` 修飾の矢印：`{形^ …}` は前の語へ、`tall^` は次の語へ、`{副^plays …}` はその語へ\n- `boy[名]` 品詞（`pos=\"on\"`）"
+   },
+   "m-tape": {
+    "set": "math",
+    "row": "| `<m-tape>` | テープ図・線分図。全体や部分を括弧で括り、わからない量は □ か ?。行から行へ「2 倍」の矢印 | steps（既定）：行 → 括弧 → 倍の矢印を 1 つずつ。rows：行 1 つ = 1 段階。whole：全部で 1 段階 | `{rows:{label?,tone?,show?:int,segs:{v:num,label?,unknown?:str}[]}[],brace?:{row:int,from:int,to:int,label?,side?:\"above\"\\|\"below\",show?:int}[],times?:{from:int,to:int,label?,show?:int}[]}` — rows [{label, segs: [{v, label, unknown: \"?\" \\| \"□\"}]}]; brace [{row, from, to, label, side: above\\|below}] (from/to are segment numbers from 0); times [{from, to, label}] (row numbers) |",
+    "entry": "### `<m-tape>`\n\nData example (child `<script type=\"application/json\">`): `{\"rows\":[{\"label\":\"みかん\",\"segs\":[{\"v\":8,\"label\":\"食べた 8 こ\"},{\"v\":15,\"label\":\"のこり 15 こ\"}]}],\"brace\":[{\"row\":0,\"from\":0,\"to\":1,\"label\":\"はじめ □ こ\",\"side\":\"above\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `kind` | string | `\"tape\"` | tape（テープ図）か line（線分図） |\n| `build` | string | `\"steps\"` | steps（行・括弧・矢印を 1 つずつ）・rows（行を 1 つずつ。括弧と矢印はその行と）・whole（全部を 1 段階で） |\n\n- 長さはどの行も同じ尺度で `v` に比例。わからない区切りにも `v` を書く\n- `unknown`：`\"□\"` か `\"?\"`（`label` は後ろに続く）\n- brace：`{row, from, to, label, side: \"above\" | \"below\"}`。from・to は 0 から数えた区切りの番号\n- times：`{from, to, label: \"2 倍\"}`（行の番号）\n- `kind=\"line\"`：線分図\n- 項目の `show`：出す段階\n- 行の名前に色の名前（赤・白）を使わない。色はテーマで変わる"
+   },
+   "m-timeline": {
+    "set": "standard",
+    "row": "| `<m-timeline>` | 年表。出来事を時間の軸の上に 1 つずつ出す。期間は帯にして、重なる期間は段を分けて積む。end は含まない（\"1912\" は 1912 年の初め） | 出来事の数（既定は時刻の順に 1 つ = 1 段階。per-step で n 個ずつ、node の step が優先） | `{nodes:{id?:str\\|int,label?,tex?,note?,tone?,when:num\\|str,whenLabel?:str,end?:num\\|str,lane?:str,step?,at?,after?:(str\\|int)[],progress?:num}[],edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[]}` — when / end: a number or \"YYYY\", \"YYYY-MM\", \"YYYY-MM-DD\"; end is exclusive (\"1912\" is the start of 1912). whenLabel: the date text shown instead of the computed one (when still sets the position). A node with end is a period (a band); lane groups bands into named lanes |",
+    "entry": "### `<m-timeline>`\n\nData example (child `<script type=\"application/json\">`): `{\"nodes\":[{\"id\":\"a\",\"label\":\"明治維新\",\"when\":\"1868\",\"whenLabel\":\"明治元年\"},{\"id\":\"b\",\"label\":\"憲法の発布\",\"when\":\"1889\",\"note\":\"2 月 11 日\"},{\"id\":\"c\",\"label\":\"日清戦争\",\"when\":\"1894\",\"end\":\"1895\",\"tone\":\"emph\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `orient` | string | `\"h\"` | h（左から右へ）か v（上から下へ） |\n| `scale` | string | `\"time\"` | time（時間に比例した間隔）か even（等間隔。間がとても不ぞろいなとき） |\n| `per-step` | number | `1` | 1 段階に出す出来事の数（0 = 全部を段階 1 で） |\n| `size` | number | `26` | 名前の字の大きさ（px。入らなければ 24 まで縮める） |\n| `unit` | string | `\"\"` | 目盛り：day・week・month |\n| `today` | string | `\"\"` | 今日の線（YYYY-MM-DD） |\n\n歴史の年表、人物の生涯の重なり、計画の日程など、出来事を時間の順に見せるときに使う。\n座標は書かない。中身と時刻だけを書けば、部品が並べる（共通の決まり §2）。\n\n子の JSON の並び：`edges` は省ける。\n\n- `when`：時刻。数（`1868`、`-500`、`0.5` など）か、文字列 `\"YYYY\"` `\"YYYY-MM\"` `\"YYYY-MM-DD\"`。箱の上の行に日付として出る（日本語の資料なら「1868年」「2026年10月」）\n- `whenLabel`：日付の行に、計算した日付の代わりに書く字（「明治元年」「平成の終わり」など）。位置は `when` で決まる\n- `label`：名前（`\\n` で改行、`*斜体*` `_下付き` `^上付き`）。または `tex`（KaTeX）\n- `note`：箱の**中**の最後の行に小さく（`--muted`）。期間と節目では名前の後ろに続けて。例：「2 月 11 日」「新橋〜横浜」\n- `tone`：`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`。`emph` の箱は地が `--emph-tint`、枠と字が `--emph`\n- `end`：あれば期間。軸の下の段に帯で描き、名前は帯の中（入らなければ帯の右か左）に書く。名前を `\\n` で何行かにすると、帯がその分太くなる\n- `end` は含まない（終わりの時点）。`\"1912\"` は 1912 年の初め。明治 1868–1912 と大正 1912–1926 は同じ段に並ぶ。12 月まで含めるなら次の月（`\"2027-01\"`）を書く。\n- `lane`：期間を名前の付いた段のまとまりに分ける（「時代」「作家」「設計」など）。まとまりの名前を左に書き、まとまりの間に薄い線を引く。重なる期間は、まとまりの中で自動で別の段に積む。`end` のない node に `lane` を書くと、その段の中の節目（◆）になる\n- `step`・`at`：出る段階と、段階の中の開始秒\n- `edges`：ほかのつながり（`from` `to` `label` `tone` `dash` `step`）。箱の縁から縁への破線の矢印（`dash: false` で実線）\n- 工程表：`after: [\"id\", …]`（前の作業の終わりから始まりへ矢印）、`progress`（0–100 %。濃く塗る）。今日の線は `today`、目盛りの単位は `unit`\n\n並べ方：\n\n- `orient`：`h`（既定、左から右へ）か `v`（上から下へ）\n- `scale`：`time`（既定、時間に比例した間隔）か `even`（使った時刻を等間隔に。間がとても不ぞろいなとき）\n- 出来事（`end` も `lane` もない node）は軸の上の点と、日付と名前の箱。箱は軸の上と下に交互に置く（`v` なら左と右）。混んでいて箱が点から離れすぎるときは 2 段にする\n- 期間があるときは、軸に切りのよい目盛り（年・月・数）を付け、出来事の箱はすべて軸の上に置く（下は期間の段）\n- 段階：既定は時刻の順に 1 つずつ（期間も出来事も同じ列で数える）。軸は最初の出来事と一緒に引かれる\n- 線：軸は `--muted` の 5 px（図の中心の線として 1 本だけ太い）。軸の目盛りと目盛りの字（図の字の大きさ）も `--muted`。段のまとまりの間の区切りの線だけ `--line`。箱から軸への線と `edges` は `--muted` の 3 px\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱が動くのは 12 px まで（箱の中心で測る）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 授業の表示（`ctx.preview`）：後の段階の出来事・期間をテーマの薄さで見せる\n- `cues(k)`：同じ段階に 2 つ以上あれば、2 つ目からの開始時刻を返す（口述原稿の `{cue}` に合わせられる）"
+   },
+   "m-timer": {
+    "set": "tools",
+    "row": "| `<m-timer>` | グループワークの進行タイマー。区切りごとに残り時間を大きく数え、区切りの一覧で今の区切りを示す | 0 準備の画面、区切り 1 つが 1 段階（その長さ = sec 秒） | `{ready?:{title?:str,text?:str},phases:{title:str,short?:str,text?:str,sec:int,bells?:{left:int,count?:int}[]}[],bells?:{left:int,count?:int}[],done?:str,labels?:{ready?:str,total?:str,remaining?:str,done?:str,start?:str,next?:str,end?:str,min?:str,sec?:str,plus?:str,minus?:str}}` — phases is a list of {\"title\", \"sec\"} (sec: whole seconds, not \"3分\"); one phase per step |",
+    "entry": "### `<m-timer>`\n\nData example (child `<script type=\"application/json\">`): `{\"ready\":{\"title\":\"準備の確認\",\"text\":\"用紙とペンがそろっているか\"},\"phases\":[{\"title\":\"① 付箋に書く\",\"short\":\"付箋に書く\",\"sec\":180},{\"title\":\"② 島で選ぶ\",\"short\":\"島で選ぶ\",\"sec\":300}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `（なし）` |  |  |  |\n\n依頼にグループワーク・作業時間・制限時間があるときだけ使う。→ キーで段階を進めると数え始める。\n\n- `sec` は秒の整数（3 分なら 180）。`short` は右の一覧に出す短い名前、`text` は 2 行まで\n- 最後の 1 分は赤、最後の 10 秒は時計が点滅\n- 字は `<html lang>` で日本語か英語。`labels` で変えられる：`total` `remaining` `done` `start` `next` `end` `min` `sec` `plus` `minus`\n- 実行系が対応していれば ＋1 分・−1 分のボタンが出る（同じスライドにいるあいだは延ばした時間が残る）\n- ベル（学会タイマーのように）：`\"bells\": [{\"left\": 300, \"count\": 1}, {\"left\": 120, \"count\": 2}, {\"left\": 0, \"count\": 3}]`（残り秒と回数）。全体か区切りごとに書く。書かなければ鳴らない"
+   },
+   "m-tree": {
+    "set": "standard",
+    "row": "| `<m-tree>` | 階層・分類の木（組織図、生物の分類など）を、根から 1 段ずつ組み立てる。座標は書かず、配置は部品が決める | 節の深さの数（by=\"level\"、既定）か節の数（by=\"node\"）。節と edges の step があればその最大 | `{nodes:{id:str\\|int,label?,tex?,note?,tone?,parent?:str\\|int,branch?:str,step?,at?}[],edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[],path?:(str\\|int)[],pathStep?:int,pathNote?:str}` — parent のない節（根）はちょうど 1 つ |",
+    "entry": "### `<m-tree>`\n\nData example (child `<script type=\"application/json\">`): `{\"nodes\":[{\"id\":\"r\",\"label\":\"動物\"},{\"id\":\"a\",\"label\":\"脊椎動物\",\"parent\":\"r\"},{\"id\":\"b\",\"label\":\"無脊椎動物\",\"parent\":\"r\"}]}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `orient` | string | `\"down\"` | down（上から下、既定）か right（左から右） |\n| `by` | string | `\"level\"` | 段階の分け方：level（深さごと、既定）か node（1 つずつ、深さ優先の順） |\n| `link` | string | `\"elbow\"` | 親子の線：elbow（かぎ形、既定）か straight（まっすぐ） |\n| `size` | number | `0` | 箱の字の大きさ（px。0 = 27 から入るまで 24 まで縮める） |\n\n組織図、生物や物質の分類、概念の上位と下位、章と節の構成など、親子の関係で並ぶものを上から順に見せるときに使う。\n座標は書かない（共通の決まり §2）。中身とつながりだけを書けば、部品が重ならないように並べる。\n\n子の JSON の並び：`edges` は省いてよい。\n\n- node：`id`、`label`（`\\n` で改行、`*斜体*` `_下付き` `^上付き`）か `tex`（KaTeX）、`parent`（親の `id`。`parent` のない節（根）はちょうど 1 つ）、`note`（箱の**下**に小さな一言、`--muted`）、`tone`（`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`）、`step`、`at`（段階の中の開始秒）\n- 子は配列の順に並ぶ。親は子の並びの中央に置く\n- edge：親子のほかのつながり（`from` `to` `label` `tone` `dash` `step`）。破線で矢印つき、木の外側（`down` は下、`right` は右）へふくらむ。同じ深さの節どうしに向く。段階は既定で両端の遅いほう\n- 子の `branch`：線の字（確率など）。`path`：根からの `id` の道を順に強調（`pathStep` で一度に。`pathNote`：末尾の一言）\n- `orient`：`down`（既定、上から下）か `right`（左から右。分類を横に広げるとき）\n- `by`：`level`（既定。根、それから深さごとに 1 段）か `node`（深さ優先の順に 1 つずつ。1 つの枝をたどって話すとき）。節の `step` が勝つ\n- `link`：親子の線。`elbow`（既定、かぎ形）か `straight`（まっすぐ）。線の色は `--muted`、3 px\n- `tone: emph` の箱は、地が `--emph-tint`、枠と字が `--emph`\n- 入る大きさの目安（1280×720 の本文、高さ 440 px ほど）：`down` は 1 段に 4 字ほどの箱が 8 個、`right` は 7 個ほど。深さは 5 段ほど。\n  それより多い葉（子のない節）が 1 つの親に並ぶと、子を 2 段に互い違いに並べる（`down` で 16 個ほど、`right` で 11 個ほどまで）。\n  さらに入らなければ名前を 2 行に折る。字は 24 px より小さくならず、入らない分は要素の箱からはみ出す（`console.warn` が足りない px を言う）。多いときは木を分ける\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱が動くのは 12 px まで（箱の中心で測る）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 授業の表示（`ctx.preview`）では、後の段階の箱と線をテーマの薄さで出しておく"
+   },
+   "m-venn": {
+    "set": "standard",
+    "row": "| `<m-venn>` | 2 つか 3 つの集合の円（ベン図）。集合を 1 つずつ出し、最後に重なりを強めてその中の項目を出す | 集合の数 + 1（overlaps=\"each\" なら 集合の数 + 項目のある重なりの数） | `{sets:{label,tone?}[],regions?:{A?:str[]\\|str,B?:str[]\\|str,C?:str[]\\|str,AB?:str[]\\|str,AC?:str[]\\|str,BC?:str[]\\|str,ABC?:str[]\\|str}}` |",
+    "entry": "### `<m-venn>`\n\nData example (child `<script type=\"application/json\">`): `{\"sets\":[{\"label\":\"哺乳類\"},{\"label\":\"海の生き物\"}],\"regions\":{\"A\":[\"ライオン\"],\"B\":[\"マグロ\"],\"AB\":[\"クジラ\",\"イルカ\"]}}`\n\n| prop | type | default | meaning |\n|---|---|---|---|\n| `size` | number | `26` | 項目の字の大きさ（px）。収まらなければ 24 まで縮める |\n| `spread` | number | `1` | 円の中心の間の距離 ÷ 半径（小さいほど重なりが広い。0.7〜1.3） |\n| `overlaps` | string | `\"together\"` | together（重なりを 1 段階でまとめて）か each（1 つずつ） |\n\n2 つか 3 つのものの共通点と違い（哺乳類と海の生き物、3 つのスキルの重なり など）を、重なりで見せるときに使う。\n<!--part:m-compare-->観点ごとに値を並べて比べるなら `m-compare`。<!--/part-->\n\n- `sets`：集合（2 つか 3 つ）。`label` は円の外に書く名前、`tone` は円の色（`term`・`emph`・`muted`・`accent2`・`series-1..4`。既定は `term`・`accent2`・`series-4` の順）。`--emph` は重なりを強めるのに使うので、集合には使わないほうがよい\n- `regions`：領域ごとの項目（1 つ 1 行の配列か、`\\n` で改行した字）。鍵は集合の文字の組で、アルファベット順に書く。文字は `sets` の順（`sets` の 1 つ目が A・2 つ目 B・3 つ目 C）：\n  - `A`：A だけ（ほかの集合には入らない）、`AB`：A と B の両方（3 つのときは、A と B に入り C には入らないところ）、`ABC`：3 つとも\n  - 2 つなら `A` `B` `AB`、3 つなら `A` `B` `C` `AB` `AC` `BC` `ABC`。どれも省いてよい。集合が 2 つのときに C を含む鍵（`C` `AC` `BC` `ABC`）を書くと、図の代わりに誤りの札が出る\n- 円は左右対称の決まった配置で、面積は値に比例しない（2 つは左右、3 つは左上・右上・下）。`spread`（既定 1）は円の中心の間の距離 ÷ 半径で、小さいほど重なりが広い\n- 項目は、その領域の中で円の線から最も離れる位置に置く。字は `size`（既定 26 px）から 24 px まで縮める。重なりの項目は太字\n- 段階：既定は 集合を 1 つずつ（その集合だけの項目と一緒に）→ 重なり（項目のある重なりを `--emph` で薄く塗って縁を囲み、項目を出す。項目のある重なりがなければ重なりすべて）。`overlaps=\"each\"` なら重なりを 1 つずつ（`AB`・`AC`・`BC`・`ABC` の順）\n- 見せ方（`variant`）：`fade`・`draw`。書かなければ資料のシード値で選ばれる（書かなくてよい）"
+   }
+  },
+  "tableHead": "| component | what it shows | steps | data shape |\n|---|---|---|---|",
+  "supNote": "(* = description added by this guide)",
+  "briefNote": "For a component without a section below, write the child JSON or attributes as its “data shape” column says and leave the other attributes at their defaults.",
+  "extHead": "### `<{name}>`: extension for this part set (the component is described in §3)"
+ },
+ "ja": {
+  "common": "# AI への指示\n\n指示の版：`b47ccdba`\n\n短い **Egatari の教材**を 1 つ書いてください。段階ごとに出る HTML のスライド（`deck.html`）と口述原稿（`narration.md`）で、どちらも自動で組まれ、品質チェックを受けます。ここにないものは使えません。教材は頼まれた言語で書きます（スライドと口述原稿は同じ言語）。規格には **R-fit** のような名前があり、修正依頼は破った規格を名前で示します。依頼は最後の **頼みたいこと**（かその前の会話）にあります。空の項目やない項目はほどよく決め、A と B が両方残っていれば書き込みのある方に従います。\n\n**よくある失敗：**\n\n- **2 つの囲みはどちらも最後まで書いて閉じる。**囲みの途中で終わらない（R-output）。構成案がなければ、教材は短くする（5〜8 枚）。頼む文に構成案とその範囲があれば、その範囲のスライドをちょうどその枚数だけ書く（エディタは 1 回に 6 枚までしか頼まないので、収まる）\n- **1280×720 のスライドの大きさ**（品質チェックが測る。R-fit）：本文の場所は 1184 × 443 px（565 px まで。`noconcl` なら 1184 × 558）。字は 32 px・1 行 46 px で、入るのは**およそ 8 行**。はみ出す 46 px ごとに 1 行を削る。**図や部品の中も含め、字はすべて 24 px 以上**\n- **グラフと図：**部品は大きさによらず字を 24〜28 px で描くので、決めるのは部品の大きさ（R-fit）\n- **その場で書く `<svg>`：**字は「表示の幅 ÷ viewBox の幅」で縮むので、viewBox を表示の画素で書く（`<svg viewBox=\"0 0 560 320\" width=\"560\" height=\"320\">`）。`font-size` は 24 以上。`width:100%` と別の幅の viewBox を組み合わせない。合う部品があれば部品を使う\n\n## 1. 出力の形\n\n- **R-output** 返事は**ちょうど 2 つのコードの囲み**にし、この順で、名前を `deck.html` と `narration.md` にする（始まりの行は ```` ```deck.html ```` と ```` ```narration.md ````）。間には何も書かない（前後に 1 行の添え書きはよい）。1 つのファイルを囲みに分けない。ファイル・キャンバス・添付にせず、返事の本文に書く。ほかのファイルを参照しない（画像・`{{FIG:…}}`・`{{JSON:…}}`・外の URL・`<link>` は使わない）。囲みの途中で終わらない（長すぎるなら枚数を減らす。ただし構成案の範囲を頼まれたら、ちょうどその枚数）\n- **R-outline** **構成案だけ**を頼まれたら（長い教材を 2 回に分けて作るとき）、`outline` という名前の囲み 1 つ（始まりの行は ```` ```outline ````）だけで返し、`deck.html` と `narration.md` は書かない：列が「番号」「見出し」「要点（1 行）」の Markdown の表で、スライドごとに 1 行、全スライドを順に。その後の頼む文は範囲を示す（「構成案の 7〜12 枚目」）ので、その見出しと要点のとおりに、ちょうどそのスライドを書く\n- **R-noids** スライドの id を**書かない**。`<section class=\"slide\">` に `id` を付けず、口述原稿の見出しにも `{#…}` を付けない。id は取り込みでエディタが付ける。id のあるデッキを渡されたとき（修正依頼）は、今ある `id=\"…\"` と `{#…}` をそのまま残す\n\n## 2. deck.html\n\n### 2.1 骨組み\n\n```html\n<!DOCTYPE html>\n<html lang=\"ja\" data-theme=\"default\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>教材の題名</title>\n</head>\n<body>\n<div id=\"stage\">\n  <section class=\"slide cover noconcl static\"> … </section>\n  <section class=\"slide\"> … </section>\n</div>\n</body>\n</html>\n```\n\n- `lang`：`ja`・`en` など（教材の言語）。`data-theme`：ビジネス・ピッチは `sumi`、国語は `kokugo`、ほかは `default`\n- `<script>` は部品のデータ（§2.6）だけ。`<style>` は配置（大きさ・間隔）だけに使い、色は書かない\n\n### 2.2 スライド\n\n- 普通のスライド：`<h2>` の見出し、`<div class=\"body\">…</div>`、`<div class=\"concl\"><span>…</span></div>`（結論の行。短い 1 文）\n- 表紙：`<section class=\"slide cover noconcl static\">` に、あれば `<div class=\"venue\">…</div>`、`<h1>題名</h1>`、あれば `<div class=\"au\">…</div>`\n- 章の扉：`<section class=\"slide sec noconcl static\"><h1>章の題</h1></section>`\n- `<section>` の class：`noconcl`（結論の行なし）、`static`（段階なし）、`nostep`（箇条書きも初めから全部）、`layout-tate`（縦書き。kokugo の束があるときだけ）、属性 `data-morph`（§2.5）\n- `.body` の中：`<p class=\"sub\">` 小見出し、`<div class=\"big\">` 主要な式、`<p class=\"note\">` 補足、`<div class=\"thm\">` 定理の枠、`<div class=\"cols\">` 横並び、普通の `<p>` `<ul>` `<ol>` `<table>`\n- 字の強調（色を付ける唯一の方法）：`term`（用語・問い）、`emph`（結論・問題・目標）、`muted`（既知の結果・控えめ）、`b`（太字）\n- **R-headings** スライドの見出し（表紙と扉は `h1`、ほかは `h2`）は**すべて違う**ものにする（同じなら語を足す）。そのスライドの口述原稿の節は `## ` に続けて**見出しとまったく同じ文字列**で始める（`<br>` などのタグは除く）\n- **R-colors** 色はテーマだけで：上の class と式のマクロ `\\hlE` `\\hlT` `\\hlM`。16 進・`rgb()`・色の名前・`\\color`・`\\textcolor` は使わない。部品や SVG の中では：**色はテーマの CSS 変数だけ**を使う：`var(--fg)` `var(--term)` `var(--emph)` `var(--muted)` `var(--accent2)` `var(--line)`。SVG では属性ではなく `style=\"stroke:var(--emph)\"` で書く（`DECK.el` は `fill` `stroke` に `var(` があれば自動で style に回す）\n\n### 2.3 段階（出す順 = 話す順）\n\n- **R-steps** 段階 0 は現れたときの姿で、文脈だけ（見出し・小見出し・導入の 1 文）。`data-step=\"k\"`（k = 1, 2, …）の要素は段階 k で現れる。材料（箇条書きの項目・式・表の行・図の部分）は話す順に出す。式とそれを導く 1 文は同じ段階（`<div data-step=\"k\">` で一緒に囲む）。1 枚の段階は 5 前後まで\n- 結論の行は自動で**最後の段階** `concl` になる（`data-step` を付けない）\n- `data-step` が 1 つもないスライドでは、上の階層の箇条書きの項目（`.body > ul > li`・`.body > ol > li`）に 1, 2, … が自動で付く。1 つでもあれば自動にならないので、出すものすべてに付ける\n- 部品は自分の段階を足す（§3）。`data-from`（既定 1）から始まる\n- つまり段階は `0 … max` と、結論の行があれば `concl`。`static` のスライドは段階 0 だけ\n\n### 2.4 数式（KaTeX）\n\n- **R-math** 行内は `\\( … \\)`、別行は `\\[ … \\]`。式の中の `<` は `\\lt`、`>` は `\\gt`。標準のほかに使えるマクロ：`\\hlE{…}`（emph）`\\hlT{…}`（term）`\\hlM{…}`（muted）、`\\htmlId{ID}{…}`、`\\htmlData{mark=ID}{…}`、`\\htmlClass{…}{…}`、`\\morph{ID}{…}`。`\\newcommand` と `\\color` は使わない。記号は最初に使う所で定義する（`\\(\\mu\\)`：母平均）\n\n### 2.5 注目の演出とモーフ\n\n- **R-marks** 口述原稿の `{mark:ID}`（§4）は、**同じスライド**の目印に印を付ける。目印：スライドの中の `id=\"ID\"` か `data-mark=\"ID\"` の要素。式の一部は KaTeX の `\\htmlId{ID}{…}` / `\\htmlData{mark=ID}{…}`（build はこの 2 つと `\\htmlClass` だけを許す）。同じ ID を何枚かで使うなら `data-mark` にする（id は文書の中で一意に）\n- モーフ（なくてよい）：`<section class=\"slide\" data-morph>` は前のスライドの要素を今の位置へ滑らせる。両方のスライドの要素に同じ `data-id=\"…\"`、式の一部は両方に `\\morph{ID}{…}`。段階 0 で見えている要素だけが動く\n\n### 2.6 部品\n\n- **R-components** 動く図は一覧（§3）の Web Components `<m-…>` で、`.body` の中に置く。どれにも高さ（`style=\"height:380px\"`）と `aria-label` を付ける。データは子の `<script type=\"application/json\">…</script>` **1 つ**にその場で書く。**図の数字は正しく**（計算する。見た目のために値を作らない。架空の数字は架空と書く）。関数の式は算術の式だけで、コードとしては実行されない（`Math.exp(x)`・`x**2`）。動きが説明になる所だけに使う（たいていのスライドには要らない）\n\n### 2.7 表し方を選ぶ\n\n- **R-purpose** 表し方は習慣でなく、そのスライドで言いたいことから選ぶ。作者がグラフの種類を言っていればそれに従う。表は全パーツの一覧を兼ねる。使うのは渡された文章にあるパーツだけ（§3 と、入っている束）。入っていないパーツの方が合うときは、1 行のメモでそう伝える\n\n{{PURPOSES}}\n\n- **R-whole** 箇条書き・数字の札・円グラフは全体を一度に見せる。台本が 1 つずつ取り上げるときだけ 1 行ずつ出す（箇条書きなら全体に 1 つの `data-step` を付けるか、スライドに `nostep`）\n\n### 2.8 スライドに収める（品質チェックのエラー）\n\n- **R-title** 見出し：日本語は 26 字まで（全角 1・半角 0.5）、英語は 60 文字まで。コロンで終えない\n- **R-concl** 結論の行：日本語は 35 字まで、英語は 70 文字まで。1 行\n- **R-fit** 本文は 565 px（`noconcl` なら 680 px）より上で終える：1 枚におよそ 8 行・100 字・英語 60 語、または `big` の式 1 つと短い箇条書き 3 つ、または高さ 380 px までの部品と短い 1 行（2 行なら 330 px まで）。入らなければスライドを分ける。字を縮めず、字の大きさを書かない。図の中の字は 24 px 以上\n- **R-style** 日本語のスライドは常体（だ・である、体言止め）で、です・ます を使わない。句読点はデッキ全体で 1 つの組（`、。` か `，．`）。英語のスライドは短い句で\n\n## 3. 部品の一覧\n\nどの教材でも使える標準の部品。§6 の後に束の指示があれば、その種類の材料の部品が加わる。「steps」は部品が使うスライドの段階の数（`data-from` から。既定 1）。秒で測る属性（動きの長さ・ずれ）は載せない（既定で口述原稿に合う）。型が json の属性は、値に JSON を書く（`values=\"[0.1,0.5]\"`）。「データの形」の `?` は省略できる欄。型を書いていない label・tex・note・tone は str、step は int、at は num。\n\n{{CATALOG}}\n\n## 4. narration.md\n\n```markdown\n# 口述原稿：<教材の題名>\n\n## 減衰の式\n[0] 減衰の式です。時刻ごとに残っている原子の数を考えます。\n[1] 残る数は、はじめの数に、時間とともに小さくなる指数関数を掛けたものです。\n[2] {mark:n0|circle}{N₀|エヌゼロ} は、時刻ゼロのときの、はじめの数です。\n[concl] 半分になるまでの時間は、崩壊定数だけで決まります。\n```\n\n- スライドごとに 1 つの節を、**スライドの順に、すべてのスライド（表紙も）について**：`## <スライドの見出し>`（R-headings）。`{#id}` は付けない（R-noids）\n- **R-narr-steps** 段階の印は `[0]` `[1]` … と `[concl]`。**どのスライドのどの段階にも口述原稿を書き**（段階 0 から max まで、結論の行があれば `[concl]`）、**ない段階の印は書かない**（`static` の表紙は `[0]` だけ。結論の行がなければ `[concl]` もない。`[01]` とは書かない）。段階の中では、その段階で現れるものだけを話す\n- **R-dialogue** **既定は話者 1 人**で、話者名を書かない。掛け合いは頼まれたときだけ（3 人以上を頼まれても 2 役にし、最初にそう書く）：行を `Expert:` か `Novice:` で始め（続きの行は字下げ。話者なしは Expert）、認知的徒弟制の形にする：\n  - Novice は相づち役にせず、学ぶ人の疑問を代弁するか、「つまり〜ということですか」と言い換える\n  - Expert は答えて具体例か比喩を 1 つ足すか、言い換えを確かめて（違えば直して）1 歩進める\n  - 理解の分かれ目（誤解しやすい所、「なぜ」が残る所）にだけ、1 枚に 1 回・2〜3 発言まで。ほかは Expert 1 人\n  - 「なるほど」だけの発言、前の発言のくり返しは書かない。例：`Novice: つまり、大きいほど早く着くのですか。` `Expert: いつもではありません。大きすぎると谷を飛び越えます。大股で坂を下りすぎて、向こうの斜面に足が着くように。`\n- `{note:…}` 発表者用\n- `{cue}`：段階の中の同期点。部品の `cues(k)` の 1 つに 1 つ（部品の説明が求めるときだけ）\n- `{mark:ID}`・`{mark:ID|効果}`・`{mark:ID|効果|hold=秒}`・`{mark:clear}`：目印のことを言う言葉の**すぐ前**に置く。1 段階に 1〜2 個まで。言葉でも言う。効果：`underline`（既定。手描きの下線を左から右へ）、`circle`（手描きの囲み）、`box`（角丸の枠）、`spot`（対象のまわり以外を背景色で薄くする）、`laser`（光の点が対象の下へ滑ってきて少し留まる）\n- **R-reading** `{表示|読み}` は **1 つの記号か 1 つの用語**の読み：`{θ|シータ}`、`{N₀|エヌゼロ}`、`{論語|ろんご}`。1 つの記号に星・プライム・添え字・ハットやバーが付いていてもよい（`{Q*|キュースター}`、`{θ̂|シータハット}`）。表示は普通の文字で書き、LaTeX にせず、式やいくつもの記号にしない（`{1-η|…}`・`{θとη|…}` は誤り：記号ごとに読みを付け、関係は言葉で言う）\n- **R-formula** **式を読み上げない**：口述原稿に LaTeX・`\\`・`^`・`_`・`a + b = c` のような文字列を書かない。式の意味を言葉で言う（§4 の見本の [1]）\n- 日本語の口述原稿は話し言葉の です・ます。英語は話し言葉の英語。目安は 1 秒に日本語 5 字・英語 2.5 語。1 回の発言は 1〜3 文\n\n## 5. 修正依頼\n\n利用者が**修正依頼**（規格の名前の付いた指摘の一覧と、今のファイル）を貼り付けたら、その指摘だけを直し、ほかは変えず、`id=\"…\"` と `{#…}` をすべてそのまま残し（R-noids）、また 2 つの囲みで返す（R-output）。依頼に一部のスライドしかなければ、そのスライドの `<section>` だけ（`<html>` なし）とその節だけを 2 つの囲みで返す（エディタが id で元の場所に戻す）。\n\n## 6. 見本\n\n小さな教材の見本（架空。形を見るためで、中身は写さない）。段階の数え方：2 項目の箇条書きは段階 1〜2 と `[concl]`<!--part:m-flow-->、箱が 4 つの `m-flow` は段階 1〜4<!--/part-->。いくつかの束の指示の最後にも見本がある。\n\n### 共通（英語・default テーマ・注目の演出<!--part:m-flow-->・m-flow<!--/part-->）\n\n```deck.html\n<!DOCTYPE html>\n<html lang=\"en\" data-theme=\"default\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>How a web page arrives</title>\n</head>\n<body>\n<div id=\"stage\">\n\n<section class=\"slide cover noconcl static\">\n  <div class=\"venue\">Computing basics, lesson 1 (a fictional course)</div>\n  <h1>How a web page arrives</h1>\n</section>\n\n<section class=\"slide\">\n  <h2>Two programs take part</h2>\n  <div class=\"body\">\n    <p>Opening a page is a conversation between two programs.</p>\n    <ul>\n      <li id=\"browser\">The <span class=\"term\">browser</span> asks for the page and draws it</li>\n      <li id=\"server\">The <span class=\"term\">server</span> keeps the page and sends it back</li>\n    </ul>\n  </div>\n  <div class=\"concl\"><span>Every page load is a request and a reply</span></div>\n</section><!--part:m-flow-->\n\n<section class=\"slide\">\n  <h2>From the address to the screen</h2>\n  <div class=\"body\">\n    <m-flow style=\"height:300px\" aria-label=\"Four stages: type the address, send a request, send the page back, draw the page\">\n      <script type=\"application/json\">{\"nodes\": [\n        {\"id\": \"a\", \"label\": \"Type the\\naddress\", \"x\": 10, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 1},\n        {\"id\": \"b\", \"label\": \"Send a\\nrequest\", \"x\": 315, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 2},\n        {\"id\": \"c\", \"label\": \"Send the\\npage back\", \"x\": 620, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 3, \"tone\": \"term\"},\n        {\"id\": \"d\", \"label\": \"Draw the\\npage\", \"x\": 925, \"y\": 100, \"w\": 250, \"h\": 110, \"step\": 4, \"tone\": \"emph\"}\n      ], \"edges\": [\n        {\"from\": \"a\", \"to\": \"b\"}, {\"from\": \"b\", \"to\": \"c\"}, {\"from\": \"c\", \"to\": \"d\"}\n      ]}</script>\n    </m-flow>\n  </div>\n  <div class=\"concl\"><span>A slow page is slow in one of these four stages</span></div>\n</section><!--/part-->\n\n</div>\n</body>\n</html>\n```\n\n```narration.md\n# Narration: How a web page arrives\n\n## How a web page arrives\n[0] Today we follow a web page on its way from a server to your screen.\n\n## Two programs take part\n[0] Opening a page is a conversation between two programs.\n[1] {mark:browser}The browser is the program you look at. It asks for the page and then draws it.\n[2] {mark:server}The server is a program on another computer. It keeps the page and sends it back when asked.\n[concl] Every page load is a request and a reply.<!--part:m-flow-->\n\n## From the address to the screen\n[0] Let us put the steps in order.\n[1] First you type the address of the page.\n[2] The browser turns it into a request and sends it to the server.\n[3] The server finds the page and sends it back.\n[4] The browser draws the page on the screen.\n[concl] When a page is slow, one of these four stages is taking the time.<!--/part-->\n```",
+  "request": "# 頼みたいこと\n\n*（A か B を埋め、もう一方は消します。書かない項目は消してかまいません）*\n\n**A. 新しく作る**\n\n- タイトル（表紙にそのまま使う）：\n- 対象（だれ向け）：\n- 長さ（枚数か分）：\n- 言語：\n- 話者：1 人\n- そのほかの希望：\n\n**B. 渡した資料と話し合いの内容で作る**\n\nこのチャットで渡した資料と、ここまでの話し合いの内容で、教材を作ってください。\n\n- タイトル（表紙にそのまま使う）：\n- 対象（だれ向け）：\n- 長さ（枚数か分）：\n- 言語：\n- 話者：1 人\n- そのほかの希望：",
+  "sets": {
+   "stats": "## 部品の束：stats（統計の図）\n\nデータを見せる教材・発表向け。分布、箱ひげ図、ヒートマップ、観測が 1 つずつ加わって変わる分布を見せる。テーマは `default`。データの出どころと数（何人・何件）をスライドか口述原稿に書き、本物らしく見えるデータを作らない（R-components）。\n\n- **軸のある図**（<!--part:m-hist-->`m-hist`・<!--/part--><!--part:m-boxplot-->`m-boxplot`・<!--/part--><!--part:m-seq-->`m-seq`・<!--/part-->など）は目盛りと軸の名前に左 86 px、上下合わせて 80 px を使うので、高さ **300〜380 px**、幅 **560 px 以上**にする（`<div class=\"cols\">` なら図の列を 55% 以上に）\n- 軸の範囲には、図の値（R-components のとおり計算したもの）がすべて入るようにする\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "math": "## 部品の束：math（算数・数学）\n\n算数・数学の教材向け。筆算、数直線、テープ図、パラメータで形の変わる関数を見せる。テーマは `default`。\n\n- **軸のある図**（<!--part:m-sweep-->`m-sweep`・<!--/part--><!--part:m-curves-->`m-curves`・<!--/part-->など）は目盛りと軸の名前に左 86 px、上下合わせて 80 px を使うので、高さ **300〜380 px**、幅 **560 px 以上**にする（`<div class=\"cols\">` なら図の列を 55% 以上に）\n- 軸の範囲には、図の値（R-components のとおり計算したもの）がすべて入るようにする\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}\n\n<!--part:m-sweep-->### 見本：算数・数学（英語・default テーマ・m-sweep）\n\n（その部品を使うスライドだけ。`deck.html` の骨組みは §6 の見本と同じ）\n\n```deck.html\n<section class=\"slide\">\n  <h2>A larger λ decays faster</h2>\n  <div class=\"body\">\n    <div class=\"cols\" style=\"gap:24px\">\n      <div style=\"flex:0 0 36%\">\n        <div class=\"big\">\\[ \\frac{N(t)}{N_0}=e^{-\\lambda t} \\]</div>\n        <ul class=\"nostep\"><li>Grey: the previous \\(\\lambda\\)</li></ul>\n      </div>\n      <m-sweep f=\"Math.exp(-c*u)\" values=\"[0.2,0.5,1.0]\" param=\"λ\" xr=\"[0,6]\" yr=\"[0,1]\" xt=\"[0,2,4,6]\" yt=\"[0,0.5,1]\"\n               xl=\"*t*\" yl=\"share left\" digits=\"1\" style=\"height:380px\" aria-label=\"Share of atoms left over time for three decay constants\"></m-sweep>\n    </div>\n  </div>\n  <div class=\"concl\"><span>Raising λ shortens the half-life</span></div>\n</section>\n```\n\n```narration.md\n## A larger λ decays faster\n[0] Let us change the decay constant and watch the share of atoms left.\n[1] Raising it from 0.2 to 0.5 makes the curve fall faster.\n[2] At 1.0 it falls faster still.\n[concl] A larger decay constant means a shorter half-life.\n```<!--/part-->\n\n<!--part:m-sweep-->段階の数え方：値が 3 つの `m-sweep` は段階 1〜2。<!--/part-->",
+   "maps": "## 部品の束：maps（地図）\n\n地図を使う教材・案内向け（地理・歴史・地域の案内）。日本地図か世界地図を使う。テーマは `default`。数字（人口・面積・生産量など）には、何年の・どこの数字かをスライドか口述原稿に書く。\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "kokugo": "## 部品の束：kokugo（国語）\n\n国語（漢文・古文・現代文）の教材向け。テーマは `kokugo`。口述原稿では、難しい語や名前に読み `{表示|読み}` を付ける（R-reading）。\n\n- **縦書きのスライド：**`<section class=\"slide layout-tate\">` でスライド全体を縦書きにする。`<h2>` は右端の縦 1 列（全角でおよそ 14 字。折り返さない）、本文は右から左へ列を重ね、結論の行は左端の縦 1 列（およそ 19 字）。本文は 2 つの列の間に収める（重なれば品質チェックが指摘する）。本文の中の部品・図・表は横書きのまま置かれるので、部品の縦書きの指定を使う（<!--part:m-kobun-->`m-kobun tate`<!--/part--><!--part:m-kobun,m-gendai-->・<!--/part--><!--part:m-gendai-->`m-gendai tate`<!--/part--><!--part:m-kanbun-->。`m-kanbun` はいつも縦書き<!--/part-->）\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}\n\n<!--part:m-kanbun-->### 見本：国語（kokugo テーマ・m-kanbun）\n\n（その部品を使うスライドだけ。`deck.html` の骨組みは §6 の見本と同じ）\n\n```deck.html\n<section class=\"slide\">\n  <h2>学びて時に之を習ふ</h2>\n  <div class=\"body\">\n    <m-kanbun style=\"height:440px\" aria-label=\"『論語』学而篇の冒頭の白文、訓点、読む順、書き下し文\">\n      学(ビテ)而{-}時(ニ)習(フ)[レ]之(ヲ)、\n      不{=ず}[二]亦(タ)説(バシカラ)[一]乎{=や}。\n    </m-kanbun>\n  </div>\n  <div class=\"concl\"><span>一二点は、一を読んでから二へ戻る</span></div>\n</section>\n```\n\n```narration.md\n## 学びて時に之を習ふ\n[0] 返り点も送り仮名もない、白文です。\n[1] 返り点と送り仮名を付けます。而は、読まない置き字です。\n[2] 読む順に字をたどります。一句目は、レ点で之から習へ戻ります。\n[3] 二句目は、一二点で説から不へ戻ります。\n[4] 書き下し文にすると、学びて時に之を習ふ、亦た説ばしからずや、となります。\n[concl] 一二点は、一の字を読んでから、二の字へ戻ります。\n```<!--/part-->\n\n<!--part:m-kanbun-->段階の数え方：`m-kanbun` は訓点（段階 1）、読む順は句ごとに 1 段階、最後に書き下し文。`[n]` は句ごとに書く。<!--/part-->",
+   "english": "## 部品の束：english（英語：外国語としての英語）\n\n日本語で教える英語の教材向け。英文の構造（S V O C M・句と節・何が何を修飾するか）を和訳と一緒に見せる。テーマは `default`。英文は授業で読むとおりに書き、日本語の口述原稿は短くする。英文の例を読み上げるのは、教材に要るときだけ。\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "music": "## 部品の束：music（音楽：音の高さ・音階・和音）\n\n音楽の教材向け。音の高さ・音階・音程・和音を、ピアノの鍵盤で見せる。テーマは `default`。音の名前は授業での呼び方（ドレミ・C D E・ハニホ）にそろえ、スライドと口述原稿で同じにする。\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "business": "## 部品の束：business（ビジネス）\n\nビジネスの報告・提案の資料向け（KPI・ポジショニングマップ・市場規模・お金とモノの流れ）。テーマは `sumi`。架空の数字の断り（R-components）は `note` か表紙に書き、スライドの間で数字をそろえる（内訳を足すと書いた合計になる）。\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}\n\n<!--part:m-kpi-->### 見本：ビジネス（日本語・sumi テーマ・m-kpi）\n\n（その部品を使うスライドだけ。`deck.html` の骨組みは §6 の見本と同じ）\n\n```deck.html\n<section class=\"slide\">\n  <h2>導入から 3 か月の結果</h2>\n  <div class=\"body\">\n    <p class=\"note muted\">新しい仕分けの手順を入れた 3 拠点の合計（数字は架空）</p>\n    <m-kpi style=\"height:330px\" aria-label=\"1 日の出荷 1,240 件、誤配率 0.8%、残業 32% 減\">\n      <script type=\"application/json\">{\"cards\": [\n        {\"label\": \"1 日の出荷\", \"value\": 1240, \"unit\": \"件\", \"from\": 980, \"delta\": {\"dir\": \"up\", \"text\": \"導入前から 260 件\"}},\n        {\"label\": \"誤配率\", \"value\": 0.8, \"digits\": 1, \"unit\": \"%\", \"from\": 2.1, \"tone\": \"emph\", \"delta\": {\"dir\": \"down\", \"text\": \"導入前は 2.1%\", \"good\": true}},\n        {\"label\": \"残業時間\", \"value\": 32, \"unit\": \"%\", \"prefix\": \"−\", \"tone\": \"accent2\", \"note\": \"1 人あたり、月の平均\"}\n      ]}</script>\n    </m-kpi>\n  </div>\n  <div class=\"concl\"><span>→ 件数が増えても、誤りと残業は減った</span></div>\n</section>\n```\n\n```narration.md\n## 導入から 3 か月の結果\n[0] 新しい仕分けの手順を入れた、3 つの拠点の合計です。\n[1] 1 日の出荷は 1,240 件になり、導入前より 260 件増えました。\n[2] 誤配率は 2.1% から 0.8% に下がりました。件数が増えても、誤りは減っています。\n[3] 残業時間も、1 人あたり 32% 減っています。\n[concl] 件数が増えても、誤りと残業は減りました。\n```<!--/part-->\n\n<!--part:m-kpi-->段階の数え方：札が 3 枚の `m-kpi` は段階 1〜3。<!--/part-->",
+   "tools": "## 部品の束：tools（道具）\n\n授業・研修を進めるための道具（演習やグループワークのタイマーなど）。頼みに演習の時間やワークショップがあるときだけ、その活動をするスライドに使う。\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}",
+   "science": "## 部品の束：science（理科）\n\n動くモデルで見せる理科の教材向け（月の満ち欠けなど）。テーマは `default`。大きさや距離が実際の比でないときは、スライドか口述原稿でそう断る。\n\nこの束の部品（§3 の部品に加えて）：\n\n{{CATALOG}}\n\n{{EXTENSIONS}}"
+  },
+  "components": {
+   "m-bars": {
+    "set": "standard",
+    "row": "| `<m-bars>` | 棒を段階ごとに 0 から伸ばす（縦棒・横棒・組の棒・積み上げ棒）。値の軸の上限を段階で広げて「軸を突き抜ける伸び」も見せられる | 組の step と scale の step の最大（既定は組 1 つ = 1 段階。per-step で n 組ずつ） | `{groups:[{label?,value?:num,values?:num[],step?,at?,tone?} (value or values),…],series?:{label?,tone?}[],scale?:{step,max?:num,at?}[],max?:num}` |",
+    "entry": "### `<m-bars>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"series\":[{\"label\":\"売上\"}],\"groups\":[{\"label\":\"1 年目\",\"value\":1.2},{\"label\":\"2 年目\",\"value\":3.4}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `orient` | string | `\"v\"` | v（縦棒）か h（横棒。順位や比較に） |\n| `max` | number | `0` | 値の軸の上限（0 = 自動。scale があれば最初の上限） |\n| `unit` | string | `\"\"` | 値の単位（数字の後ろに付ける。億円、%、社 など） |\n| `digits` | number | `0` | 値の小数桁 |\n| `per-step` | number | `1` | 1 段階に出す組の数（0 = 全部を段階 1 で） |\n| `count` | bool | `false` | 値の数字を伸びに合わせて数え上げる |\n| `ticks` | bool | `true` | 値の軸の目盛りと格子 |\n| `al` | string | `\"\"` | 値の軸の名前 |\n| `stack` | bool | `false` | 組の値を 1 本に積み上げる（積み上げ棒） |\n\n年ごとの売上・費用、聞き取りの結果の順位、導入の前と後の比較など、量を 1 つずつ見せて比べるときに使う。\n\n- group：`label`（`\\n` で 2 行）、`value`（系列が 1 つ）か `values`（系列の数だけ）、`step`（既定は per-step から）、`at`（段階の中の開始秒。既定は同じ段階の中で stagger ずつずらす）、`tone`（`emph` などテーマの変数の名前。その組の棒をすべてその色にし、値の数字も同じ色にする）\n- series：`label`（最初の組の棒の上に直接書く。凡例は作らない）、`tone`（既定は `--series-1..4` の順。系列が 1 つなら `--term`）\n- scale：`[{\"step\": 3, \"max\": 27, \"at\": 0.4}]`。その段階の at 秒から zoom 秒かけて、値の軸の上限を max へ動かす（対数で補間）。動く間は前の上限までの範囲を薄い帯で残し、目盛りは前の組と次の組を入れ替える。上限を超える棒は軸の上端で止まり、上限が広がるにつれて伸びる\n- 横棒（`orient=\"h\"`）は組の名前を左に、値を棒の右に書く。順位を見せるなら `ticks=\"false\"` で目盛りを消してよい\n- 積み上げ棒（`stack=\"true\"`、`\"percent\"` なら各組 100 %）：組の `values` を横に並べず 1 本に積み上げる（全体と内訳を組ごとに見せるとき）。合計を棒の端に、それぞれの値を区切りの中に書く。軸の上限は合計から決まる。組の `tone` は合計の数字の色。値は 0 以上にする（負の値は 0 として描く）\n\n注意\n\n- 系列の名前は最初の組の棒の上に書くので、組の棒が細いと隣の系列の名前と重なる。系列は 2〜3 つまでにする"
+   },
+   "m-boxplot": {
+    "set": "stats",
+    "row": "| `<m-boxplot>` | 箱ひげ図。値を並べ、中央値・四分位数を求める手順のとおりに組み立てる。群を並べて比べる | steps（既定）：点 → 中央値 → 第1・第3四分位数 → 箱 → ひげ。whole：群 1 つ = 1 段階 | `{groups:[{label?,tone?,values?:num[],five?:num[]} (values or five),…]}` — groups [{label, tone, values}] か [{label, five: [最小値, 第1四分位数, 中央値, 第3四分位数, 最大値]}]。軸は属性に書く（xr=\"[0,20]\" xl=\"…\"） |",
+    "entry": "### `<m-boxplot>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"groups\":[{\"label\":\"1 組\",\"values\":[3,5,6,7,8,9,10,12,13,15,18]}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `orient` | string | `\"h\"` | h（横向きの箱、値の軸が横）か v（縦向き） |\n| `xr` | json | `null` | 横軸の範囲 |\n| `yr` | json | `null` | 縦軸の範囲 |\n| `xt` | json | `null` | 横軸の目盛り |\n| `yt` | json | `null` | 縦軸の目盛り |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | 横軸の名前（`*斜体*` `_下付き` `^上付き`） * |\n| `yl` | string | `\"\"` | 縦軸の名前 * |\n| `method` | string | `\"jp\"` | 四分位数の求め方：jp（教科書）・inc・exc（表計算の QUARTILE.INC / EXC） |\n| `outliers` | string | `\"off\"` | on：1.5×四分位範囲の外を外れ値（点）にし、ひげはその内側まで |\n| `dots` | string | `\"off\"` | on：値の点を箱の下に並べる（build=\\ |\n| `build` | string | `\"steps\"` | steps（求める手順のとおり）か whole（群 1 つ = 1 段階） |\n| `unit` | string | `\"\"` | 書き出す値の後ろに付ける単位 |\n| `digits` | number |  | 書き出す値の小数桁（書かなければ値の桁＋1 まで） |\n\n値の代わりに `\"five\": [最小値, 第1四分位数, 中央値, 第3四分位数, 最大値]` も書ける。\n\n- `orient`：`h`（既定）か `v`\n- `method`：`jp`（既定、教科書）・`inc`・`exc`（表計算の QUARTILE.INC / EXC）\n- `outliers=\"on\"`：1.5×四分位範囲の外を外れ値の点に\n- `dots=\"on\"`：値の点を並べる\n- 群が 1 つの steps では、並べた値の行も出る",
+    "sup": true
+   },
+   "m-cards": {
+    "set": "standard",
+    "row": "| `<m-cards>` | カード（番号の丸・アイコン・見出し・説明）を横一列か 2 段に並べ、段階ごとに出す。矢印で順を、枠の色で強調を見せる | カードの step の最大（既定はカード 1 枚 = 1 段階。per-step で n 枚ずつ） | `{cards:{n?:str,icon?:str,title:str,text?:str,step?,tone?}[]}` |",
+    "entry": "### `<m-cards>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"cards\":[{\"icon\":\"user\",\"title\":\"聞く\",\"text\":\"相手の困りごとを聞く\"},{\"icon\":\"bulb\",\"title\":\"考える\",\"text\":\"案を 3 つ出す\"},{\"icon\":\"rocket\",\"title\":\"試す\",\"text\":\"小さく作って見せる\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `layout` | enum | `\"row\"` | row：横一列。grid：2 段（4 枚までは 2×2、5〜6 枚は 3×2） |\n| `arrows` | bool | `false` | カードの間に順の矢印（grid では 1→2→3→4 の Z の順） |\n| `nums` | bool | `false` | 番号の丸を出す（カードの n が優先。n だけ書いたカードはそれを出す） |\n| `hilite` | string | `\"\"` | 強調するカード：last か番号（1 から）。--emph の枠と地 |\n| `per-step` | number | `1` | 1 段階に出すカードの数（0 = 全部を段階 1 で） |\n\n手順（聞く → まとめる → 返す）、要点の 3〜4 つ、事例の 2×2 の札などを、アイコン付きのカードで見せる。\n\n子の JSON の並び：2〜6 枚。\n\n- `title`：見出し（必須。2 行まで）。`text`：説明（入るだけ折り返す。入らなければ … で切って知らせる）\n- `icon`：アイコンの名前（Tabler Icons の線の形。下の一覧から。ほかの名前も使えるが、ない名前は点線の四角になって知らせる）\n- `n`：番号の丸に出す字（`\"A\"` `\"1\"` など）。`nums` を付けると n のないカードに 1, 2, 3 … を出す\n- `tone`：番号の丸とアイコンの色（`term`（既定）・`emph`・`accent2`・`series-1..4`）\n- `layout=\"grid\"`：2 段（4 枚までは 2×2、5〜6 枚は 3×2）。横に広いカードは 番号・アイコン・見出しを 1 行に並べる\n- `arrows`：カードの間に順の矢印（grid では 1→2→3→4 の Z の順）。`hilite=\"last\"` か `hilite=\"3\"`：そのカードを `--emph` の枠と地で強調\n- 見せ方（`variant`）：`rise`・`fade`・`draw`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n\nアイコンの名前（よく使うもの）：\n\n- 人：user users user-check user-plus user-circle friends mood-smile man woman id-badge\n- データ：chart-bar chart-line chart-pie chart-dots trending-up trending-down table database filter adjustments percentage sum\n- お金：coin cash credit-card wallet receipt pig-money building-bank report-money shopping-cart tag\n- 時間：clock calendar calendar-event calendar-time hourglass history alarm stopwatch\n- 場所：map-pin map world home building building-factory building-store route truck\n- 進め方：arrow-right arrows-right-left refresh repeat circle-check checklist list-numbers git-branch target flag rocket hand-click\n- 伝える：message messages mail phone bell speakerphone share world-www microphone presentation\n- 書類：file file-text files notebook book clipboard-list folder news certificate award\n- 道具：tool settings hammer bulb puzzle cpu device-laptop device-mobile robot code scale\n- 自然：leaf tree plant sun moon cloud cloud-rain droplet flame snowflake\n- 安全：shield shield-check lock key alert-triangle first-aid-kit heart heart-rate-monitor eye\n- 学び：school pencil ruler math-function atom flask microscope palette music language"
+   },
+   "m-compare": {
+    "set": "standard",
+    "row": "| `<m-compare>` | 2 つ（3 つまで）を横に並べて比べる表。一方の列、もう一方の列、それから行ごとの違い | 列の数 + 1（違いの段階。diff も better もなければ列の数だけ） | `{sides:{label,tone?,step?}[],rows:{label?,values:(str\\|num)[],diff?:str,better?:int}[]}` |",
+    "entry": "### `<m-compare>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"sides\":[{\"label\":\"紙の申請\",\"tone\":\"muted\"},{\"label\":\"オンライン申請\"}],\"rows\":[{\"label\":\"受付時間\",\"values\":[\"平日 9〜17 時\",\"24 時間\"],\"better\":1,\"diff\":\"いつでも出せる\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `28` | 値の字の大きさ（px）。収まらなければ 24 まで縮める |\n| `diff-label` | string | `\"\"` | 違いの列の見出し（空なら「違い」） |\n\n従来の方法と新しい方法、A 案と B 案、植物の細胞と動物の細胞のように、2 つ（3 つまで）のものを同じ観点で並べて比べるときに使う。\n<!--part:m-bars,m-kpi-->量を棒の長さで比べるなら `m-bars`、数字を 1 つ大きく見せるなら `m-kpi`。<!--/part-->\n\n- `sides`：比べるもの（2 つか 3 つ）。`label` は列の見出し。`tone` は列の色（`term`・`emph`・`muted`・`accent2`・`series-1..4`。既定は 1 つ目 `term`、2 つ目 `accent2`、3 つ目 `series-4`）。従来のものを `muted` にすると新しいものが目立つ\n- `rows`：比べる観点（行）。`label` は左端の観点の名前（なくてもよい）、`values` は列の順の値（字か数。`\\n` で改行。長ければ列の幅で折り返す）。`values` の数は `sides` の数と同じにする（違えば図の代わりに誤りの札が出る）\n- `diff`：その行の違いの一言。右端の「違い」の列に `--emph` で書く（列の見出しは `diff-label` で変えられる）\n- `better`：その行で良い方の列の番号（0 から。1 つ目の列が 0。列の数より小さい）。値を太字にし、違いの段階で `--emph` の枠で囲む\n- 段階：既定は 1 つ目の列（観点の名前と一緒に）→ 2 つ目の列 →（3 つ目の列）→ 違い（`diff` の列と `better` の枠）。列の `step` で段階を変えられる（例：2 つの列を同じ段階に）\n- 見せ方（`variant`）：`fade`・`slide`・`reveal`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 字は `size`（既定 28 px）から 24 px まで縮めて要素の箱に収める。表は上にそろえ、余った高さは行に少し分ける"
+   },
+   "m-curves": {
+    "set": "standard",
+    "row": "| `<m-curves>` | 同じ座標軸に線を 1 本ずつ引く（線の名前は凡例でなく線の端に直接書く） | step の最大（既定は系列の数） | `[{label?,f?:str,pts?:[num,num][],tone?,step?,labelAt?:num,color?:str,dash?:bool,xr?:[num,num],at?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\"\\|\"start\"\\|\"middle\"\\|\"end\",dx?:num,dy?:num,ly?:num} (f or pts),…]` — データは配列そのもの（{\"series\": […]} ではない）。軸は属性に書く（xr=\"[0,10]\" xl=\"…\"）。式の欄は f で、変数は x（fn・u ではない） |",
+    "entry": "### `<m-curves>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `[{\"label\":\"需要 D\",\"f\":\"10 - x\"},{\"label\":\"供給 S\",\"f\":\"2 + x\"},{\"label\":\"均衡\",\"pts\":[[4,0],[4,6]],\"dash\":true}]`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `xr` | json | `[0, 1]` | 横軸の範囲 |\n| `yr` | json | `[0, 1]` | 縦軸の範囲 |\n| `xt` | json | `[]` | 横軸の目盛りの値 * |\n| `yt` | json | `[]` | 縦軸の目盛りの値 * |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | 横軸の名前（`*斜体*` `_下付き` `^上付き`） * |\n| `yl` | string | `\"\"` | 縦軸の名前 * |\n| `n` | number | `300` | f を描く分割数 |\n| `lw` | number | `3.5` | 線の太さ |\n\n同じ予測分布に平均・中央値・分位点を順に引く、損失関数を 1 つずつ重ねる、など\n「一つの図で比較の軸を一つずつ見せる」ときに使う。\n\n系列は子の `<script type=\"application/json\">` に配列で書く。\n1 系列 = 1 段階（書いた順）。`step` で変えられ、同じ `step` の系列は一緒に引く。口述原稿の [n] はこの段階に合わせる。\n\n| 欄 | 意味 |\n|---|---|\n| `label` | 線の名前（`*斜体*` `_下付き` `^上付き`） |\n| `f` | x の算術の式（`exp(…)` `sqrt(…)` `PI` などの `Math` の関数と定数、`N(x, 平均, 標準偏差)`、`+ - * / % **`、比較と `? :`。下を見よ）。`xr` で描く範囲を狭められる |\n| `pts` | 点列 `[[x, y], …]`（縦線や実測の折れ線） |\n| `tone` | `term` `emph` `accent2` `muted` `fg` `series-1..4`（既定は `series-1..4` の順） |\n| `dash` | 破線 |\n| `labelAt` / `anchor` / `dx` / `dy` / `ly` | 名前の位置：横軸の値 `labelAt` の点に置く（既定は線の端）。`anchor` は向き（`right` `left` `above` `below`）。`ly` は縦軸の値で高さを決める |\n\n`f` は算術の式で、コードとしては実行しない：数、`x`、`Math` の関数と定数（`sin(x)` とも `Math.sin(x)` とも書ける。`Math.random` は使えない）、`N(x, 平均, 標準偏差)`、`+ - * / % **`、比較（`< <= > >= == !=`）、`&& || !`、`? :`、括弧。べき乗は `**`（`^` は書けない）。書けない式は図の代わりに札が出る。",
+    "sup": true
+   },
+   "m-cycle": {
+    "set": "standard",
+    "row": "| `<m-cycle>` | 循環の図。段階の箱を円の上に 12 時から時計回りに並べ、円に沿った矢印でつなぐ（最後から最初へ戻る矢印も） | 段階の数（既定は 1 つ = 1 段階。per-step で n 個ずつ、node の step が優先） | `{nodes:{id?:str\\|int,label?,tex?,note?,tone?,step?,at?}[],center?:{label?,tex?,note?,tone?,step?,at?},edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[]}` |",
+    "entry": "### `<m-cycle>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"center\":{\"label\":\"PDCA\"},\"nodes\":[{\"label\":\"計画\"},{\"label\":\"実行\"},{\"label\":\"評価\"},{\"label\":\"改善\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `per-step` | number | `1` | 1 段階に出す段階（箱）の数（0 = 全部を段階 1 で） |\n| `size` | number | `26` | 箱の字の大きさ（px。入らなければ 24 まで縮める） |\n\nPDCA、水の循環、細胞周期、学習のサイクルなど、同じ順で回り続ける段階を見せるときに使う。\n座標は書かない。段階の中身を配列の順に書けば、部品が並べる（共通の決まり §2）。\n\n子の JSON の並び：`center` と `edges` は省ける。\n\n- `nodes`：段階（3〜8 個を想定）。配列の順に回る。12 時の位置から時計回りに置き、となりの段階へ円に沿った矢印を引く。最後から最初へ戻る矢印は自動で引く\n  - `label`（`\\n` で改行）か `tex`（KaTeX）、`note`（箱の中の 2 行目に小さく、`--muted`）、`tone`（`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`）、`step`、`at`、`id`\n- `center`：真ん中の名前（`{\"label\": \"PDCA\", \"note\": \"…\"}`）。最初の段階と一緒に出る（`center.step` で変えられる）。`center` はオブジェクト。<!--part:m-pie-->`m-pie` の `center` は字（文字列）なので取り違えない<!--/part-->\n  - `label`（`\\n` で改行）か `tex`（KaTeX）、`note`（箱の**中**の最後の行に小さく、`--muted`）、`tone`（`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`）、`step`、`at`、`id`\n  - `tone: emph` の箱は、地が `--emph-tint`、枠と字が `--emph`\n- `edges`：ほかのつながり（`from` `to` は段階の `id`、`label` `tone` `dash` `step`）。箱の縁から縁への破線の矢印\n- 矢印の色は `--muted`、3 px（`edges` も `tone` がなければ `--muted`）\n\n並べ方：\n\n- 横に長い場所では円を横に伸ばした楕円にする（縦の 1.9 倍まで。縦に長くはしない）。箱と矢印が要素の箱に入る大きさにする\n- 段階：既定は 1 段階に 1 つ。入ってくる矢印はその段階の箱と一緒に出る。最後から最初へ戻る矢印は、最後の段階の箱が出たあとに引く\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱が動くのは 12 px まで（箱の中心で測る。大きさは 0.92 倍から、`fade` と同じ）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 授業の表示（`ctx.preview`）：後の段階の箱と矢印をテーマの薄さで見せる\n- `cues(k)`：同じ段階に 2 つ以上の箱があれば、2 つ目からの開始時刻を返す"
+   },
+   "m-fishbone": {
+    "set": "standard",
+    "row": "| `<m-fishbone>` | 原因と結果の図（特性要因図・フィッシュボーン図）を、大骨 1 本ずつ組み立て、最後に結果（頭）を出す。座標は書かず、配置は部品が決める | 大骨の数 + 1（頭）。節と edges の step があればその最大 | `{effect:{label?,tex?,note?,tone?,step?,at?},nodes:{id:str\\|int,label?,tex?,note?,tone?,parent?:str\\|int,step?,at?}[],edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[]}` — parent のない節が大骨（分類）、その子が原因、孫が細かい原因（3 段まで） |",
+    "entry": "### `<m-fishbone>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"effect\":{\"label\":\"配送の遅れ\"},\"nodes\":[{\"id\":\"p\",\"label\":\"人\"},{\"id\":\"p1\",\"label\":\"人手が足りない\",\"parent\":\"p\"},{\"id\":\"m\",\"label\":\"機械\"},{\"id\":\"m1\",\"label\":\"車の故障\",\"parent\":\"m\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `order` | string | `\"causes-first\"` | 段階の順：causes-first（大骨 1 本ずつ、最後に頭、既定）か effect-first（頭と背骨が先） |\n| `size` | number | `0` | 箱の字の大きさ（px。0 = 27 から入るまで 24 まで縮める） |\n\n品質管理の 4M（人・機械・方法・材料）で不良や遅れの原因を洗い出すとき、理科で「なぜうまくいかないのか」を分けて考えるときなど、\n1 つの結果に効く原因を分類して見せるときに使う。座標は書かない（共通の決まり §2）。\n\n子の JSON の並び：`edges` は省いてよい。\n\n- effect：結果（頭）。`label`（`\\n` で改行）か `tex`、`note`（箱の下の一言）、`tone`（既定 `emph`）、`step`、`at`\n- node：`id`、`label`（または `tex`）、`note`、`parent`、`tone`、`step`、`at`。`parent` のない節が大骨（分類）、その子が原因、孫が細かい原因（3 段まで）\n  - 大骨は配列の順に、左から、上・下・上・下と交互に付く。分類の名前は大骨の外の端の箱に書く（`note` は箱の**外側**に小さく）\n  - 原因と細かい原因の `tex` は式（KaTeX）として線の上に、`note` は名前の後ろに続けて小さく（`--muted`）書く\n  - 原因は大骨に付く横の線の上に、細かい原因は原因の線から大骨と平行に下ろした線に付く横の線の上に書く\n  - `tone`：大骨なら箱と骨の色、原因なら字と線の色（`emph` は太字）。`emph` の箱は地が `--emph-tint`、枠と字が `--emph`\n  - 線の色は `--muted`。背骨は 5 px（図の中心の線）、大骨は 3.5 px、原因の線は 2.5 px\n- edge：原因どうしのほかのつながり（`from` `to` `label` `tone` `dash` `step`）。破線で矢印つき、字の左へふくらむ。同じ大骨の原因どうしに向く\n- `order`：`causes-first`（既定。大骨 1 本ずつ（その原因と一緒に）、最後に頭）か `effect-first`（頭と背骨を先に出し、それから大骨 1 本ずつ）。節の `step` が勝つ（原因だけ後の段階にもできる）\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱と字が動くのは 12 px まで（箱の中心で測る）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 入る大きさの目安（1280×720 の本文、高さ 440 px ほど）：大骨 1 本あたりの行（原因と細かい原因の数）は 3 つまで（短ければ 4 つ）、大骨は 4〜6 本、原因は 10 字ほどまで。字は 24 px より小さくならず、入らない分は要素の箱から上下・左右にはみ出す（`console.warn` が足りない px を言う）。多いときは図を分けるか、原因を短く言い換える\n- 授業の表示（`ctx.preview`）では、後の段階の骨と字をテーマの薄さで出しておく"
+   },
+   "m-flow": {
+    "set": "standard",
+    "row": "| `<m-flow>` | 流れ図の箱と矢印を段階ごとに出して、図を組み立てる | nodes と edges の step の最大 | `{nodes:{id:str\\|int,label?,tex?,x:num,y:num,w:num,h:num,step?,tone?,at?}[],edges?:{from:str\\|int,to:str\\|int,step?,label?,tone?,dash?:bool,kind?:\"money\"\\|\"service\"\\|\"data\",amount?:str\\|num,shift?:num,pulse?:bool\\|any[],offset?:num,at?}[]}` |",
+    "entry": "### `<m-flow>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"nodes\":[{\"id\":\"a\",\"label\":\"観測\",\"x\":20,\"y\":40,\"w\":200,\"h\":70,\"step\":1},{\"id\":\"b\",\"label\":\"更新\",\"x\":320,\"y\":40,\"w\":200,\"h\":70,\"step\":2}],\"edges\":[{\"from\":\"a\",\"to\":\"b\",\"step\":2}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `26` | 箱の字の大きさ（px） |\n| `pulse-n` | number | `3` | pulse で流れる点の数 |\n| `label-gap` | number | `12` | 辺の名前・金額と箱との最小の間（px）。近ければ線から離す |\n\n証明や手法の各ステップに合わせて箱と矢印を出し、文と図の対応を見せるときに使う。\n\n座標は要素の箱の px（`x`, `y` は箱の左上、`w`, `h` は大きさ）。\n\n- node：`id` `label`（`*斜体*` `_下付き` `^上付き`、`\\n` で改行）または `tex`（KaTeX）、`step`、`tone`（`term` / `emph` / `muted`）、`at`（段階の中の開始秒）、`shape:\"diamond\"`（判断）\n- edge：`from` `to` `step`（既定は両端の箱の遅いほう）、`label`、`tone`、`dash`、`offset`（名前と線の距離）、`at`、`loop:true`（戻る辺）\n- 色：線と線の名前は `--fg`（`tone` があればその色）。`muted` の箱は枠が `--muted`、地が `--bg`、字は `--fg`\n- 箱は薄く拡大しながら現れ、矢印は同じ段階の箱が出てから引く",
+    "ext": {
+     "business": "お金・モノの流れ（ビジネスモデルの図）のための edge の欄（書かなければこれまでと同じ）：\n\n- `kind`：`money`（`--emph` の太線）・`service`（`--term`）・`data`（`--muted` の破線）。`tone` と `dash` を書けばそちらが勝つ\n- `amount`：金額などを太字で添える。`label` もあれば線の反対の側に書く\n- `shift`：線に垂直に（進む向きの右へ）ずらす px。同じ 2 つの箱の行きと帰りを `shift` を同じ値にして 2 本並べる。字はずらした側に書く\n- `pulse`：点の列（`pulse-n` 個、0.22 秒おき）が始点から終点へ `pulse-dur` 秒で流れる。`true` なら辺の段階に（引き終わってから）1 回、`[段階, …]` ならその段階ごとに 1 回（辺の段階でなければ `pulseAt` 秒、既定 0.2 秒から）。位置は (k, t) だけで決まり、流れ終わると消える（最終状態には出ない）。`pulse` の段階は図の段階の数にも数える\n- `cues(k)`：pulse の開始時刻を返す（pulse のない図はこれまでどおり null）。口述原稿の `{cue}` の数と合えば、「お金は〜から〜へ{cue}」に合わせて流れる"
+    }
+   },
+   "m-gendai": {
+    "set": "kokugo",
+    "row": "| `<m-gendai>` | 現代文の読解の図：傍線・二重傍線を引き、指示語から指す内容へ矢印、段落を役割（主張・具体例・対比）の枠で囲んで線でつなぐ | 中身のある phases の数（既定 marks refs roles） | 要素の中の字（JSON ではない） |",
+    "entry": "### `<m-gendai>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `28` | 本文の字の大きさ（px） |\n| `tate` | bool | `false` | 縦書きにする（段落は右から左へ、枠をつなぐ線は上を通す） |\n| `phases` | string | `\"marks refs roles\"` | 段階の並び（marks 傍線・refs 指示語・roles 段落の枠から選ぶ。中身のないものは飛ばす） |\n\n現代文の文章の構造（筆者の主張と、それを支える具体例・対比）と、指示語の指す内容を見せるときに使う。段階 0 は本文だけ。\n\n#### 書き方\n\n段落は空行で区切る。段落の頭の行で役割と名前、つながりを書く（なくてもよい）。\n\n```\n@具体例#p1>p3\n駅までの道を、私は{地図アプリ|#app}に頼って歩く。…{それ|>app}を閉じると、…\n\n@対比#p2~p1\n…\n\n@主張#p3\n便利な道具は、私たちから==迷う機会を奪う==。だが、{迷うことこそが…|_A}。\n```\n\n- `@役割#名前>名前`：役割（自由な言葉。主張・結論は `--emph`、対比・反論は `--accent2`、具体例は `--term`、ほかは `--muted`）、この段落の名前、矢印でつなぐ段落。`~名前` は対比（両向きの線）\n- `__語句__` 傍線、`==語句==` 二重傍線\n- `{語句|しるし,…}`：`_A` 傍線と記号 A、`=B` 二重傍線と記号 B（記号なしは `_` `=`）、`#名前` 指示語が指す先、`>名前` 指示語。しるしは入れ子にできない（`{語句|=,#q}` のように 1 つにまとめる）\n\n#### 段階\n\n`phases`（既定 `marks refs roles`）の順に。中身のないものは段階にしない。\n\n- `marks`：傍線・二重傍線を順に引く（縦書きは字の右、横書きは字の下。行をまたぐときは行ごとに続けて）。記号（A など）は線の始まりのすぐ外に付く。縦書きは傍線と記号が入るように行の送りを広く取る（2.4）\n- `refs`：指示語を囲み、指す先に淡い色を敷いて、指示語から矢印（指す先の行のうち近いほうへ）\n- `roles`：段落を役割の色の枠で囲み、札を付け、最後につなぐ線。線は札から札へ、札と枠の外の通り道（縦書きは札の上、横書きは札の左）を通り、矢じりは相手の札の辺に当たる。間の段落を越える線ほど外の段を通し、段の数だけ場所を空ける（線は札にも枠にも重ならない）"
+   },
+   "m-heatmap": {
+    "set": "stats",
+    "row": "| `<m-heatmap>` | ヒートマップ。値で塗ったセルの格子（混同行列・相関行列・注意の重み） | rows：行を 1 つずつ（normalize=\"row\" の既定）。whole：全体を 1 段階。cells：全体、それから強調を 1 つずつ（highlight があるときの既定） | `{rows:str[],cols:str[],values:num[][],unit?:str,digits?:num,highlight?:num[][]}` — values[行][列]。rows の名前ごとに 1 行、cols の名前ごとに 1 つの数。highlight は [[行, 列] か [行, 列, 段階]]（0 から数える） |",
+    "entry": "### `<m-heatmap>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"rows\":[\"ねこ\",\"いぬ\"],\"cols\":[\"ねこ\",\"いぬ\"],\"values\":[[45,5],[6,44]]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `scale` | string | `\"sequential\"` | sequential か diverging（center を地の色に 2 色） |\n| `center` | number | `0` | diverging の真ん中の値 |\n| `range` | json | `null` | 色の範囲 [最小, 最大] |\n| `tone` | string | `\"term\"` | 濃い側の色：term・emph・accent2 |\n| `lowtone` | string | `\"emph\"` | diverging の center より下の色 |\n| `normalize` | string | `\"none\"` | row：行ごとの割合（混同行列） |\n| `show` | string | `\"percent\"` | normalize=row の数字：percent・count・both |\n| `numbers` | string | `\"auto\"` | セルの数字：auto・on・off |\n| `diag` | string | `\"off\"` | on：対角を枠で強調 |\n| `build` | string | `\"\"` | rows・whole・cells |\n| `rotate` | string | `\"auto\"` | 列の名前：auto・0・90 |\n| `xl` | string | `\"\"` | 列の見出し |\n| `yl` | string | `\"\"` | 行の見出し |\n| `unit` | string |  |  |\n| `digits` | number |  |  |\n\n`highlight: [[行, 列], …]`（0 から。3 つ目に段階）で --emph の枠。\n\n- 混同行列：`normalize=\"row\" diag=\"on\"`（数字は `show` で割合・数・両方）\n- 相関行列：`scale=\"diverging\" range=\"[-1,1]\"`（center の上下で 2 色）\n- 書かなければ最初の見せ方（fade）"
+   },
+   "m-hissan": {
+    "set": "math",
+    "row": "| `<m-hissan>` | 筆算（たし算・ひき算・かけ算・わり算、小数も）。式を書けば、部品が教科書の手順で計算して書く | ＋−は位ごと、×は 1 段ごと（fine で 1 けたずつ）→たす、÷は商 1 けたごと（per=\"phase\" で たてる・かける・ひく・おろす ごと） | 属性だけ（JSON の子なし）: `digits=\"2\"` |",
+    "entry": "### `<m-hissan>`\n\n書き方の見本: `<m-hissan expr=\"487+356\"></m-hissan>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `expr` | string | `\"\"` | 式：487+356、1003-457、36×24、851÷23、3.6×2.4、7.56÷1.8（× は * でも、÷ は / でもよい） |\n| `build` | string | `\"steps\"` | steps（手順ごと）か whole（1 段階で全部） |\n| `fine` | string | `\"off\"` | かけ算：on なら 1 けたずつ（小さなくり上がりを書く） |\n| `per` | string | `\"round\"` | わり算：round（商 1 けた＝1 段階）か phase（たてる・かける・ひく・おろす を別の段階に） |\n| `kari` | string | `\"off\"` | わり算：on なら大きすぎる仮の商を 1 回見せて直す |\n| `rem` | string | `\"off\"` | わり算：on なら商を整数で止めて あまり を出す |\n| `digits` | json | `null` | わり算：商を小数第何位まで求めるか |\n| `carry` | string | `\"line\"` | たし算のくり上がり：line（答えの線のすぐ上）か top（上の数の上） |\n| `words` | string | `\"on\"` | off なら右の手順の言葉を出さない |\n| `focus` | string | `\"on\"` | いま計算している位・行に薄い色 |\n\n`<m-hissan expr=\"1003-457\">`。式は `487+356` `36×24` `851÷23` `3.6×2.4` `7.56÷1.8`。\n\n- くり上がり・くり下がり・小数点・あまり は部品が書く\n- `fine=\"on\"`：かけ算を 1 けたずつ\n- `kari=\"on\"`：仮の商を見せて 1 ずつ直す\n- `carry=\"top\"`：くり上がりを上の数の上に。`words=\"off\"`：右の言葉を出さない\n- `rem=\"on\"`：商を整数で止めて あまり。`digits=\"2\"`：商を小数第二位まで"
+   },
+   "m-hist": {
+    "set": "stats",
+    "row": "| `<m-hist>` | ヒストグラム・度数折れ線・ドットプロット。平均値・中央値・最頻値の線も | 分布（系列 1 つ = 1 段階）→ 度数折れ線 → 代表値を 1 つずつ | `{values?:num[],table?:{from:num,to:num,count:int}[],bins?:{start:num,width:num},series?:[{label?,tone?,values?:num[],table?:{from:num,to:num,count:int}[]} (values or table),…]} (values or table or series)` — 生の値と階級 {start, width}（部品が数える）か、度数分布表 [{from, to, count}]。系列は 2 つまで [{label, tone, values か table}] |",
+    "entry": "### `<m-hist>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"values\":[23,31,27,18,25,29,33,22,26,28],\"bins\":{\"start\":15,\"width\":5}}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `xr` | json | `null` | 横軸の範囲（書かなければ階級から） |\n| `yr` | json | `null` | 縦軸の範囲（書かなければ度数から） |\n| `xt` | json | `null` | 横軸の目盛り（書かなければ階級の境） |\n| `yt` | json | `null` | 縦軸の目盛り（書かなければ自動） |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | 横軸の名前（`*斜体*` `_下付き` `^上付き`） * |\n| `yl` | string | `\"\"` | 縦軸の名前 * |\n| `unit` | string | `\"\"` | 代表値の数の後ろに付ける単位 |\n| `digits` | number |  | 代表値の小数桁（書かなければ値の桁＋1 まで） |\n| `polygon` | string | `\"off\"` | on：度数折れ線 |\n| `relative` | string | `\"off\"` | on：相対度数 |\n| `cumulative` | string | `\"off\"` | on：累積度数 |\n| `kind` | string | `\"bars\"` | bars（柱状グラフ）か dots（ドットプロット） |\n| `marks` | string | `\"\"` | 代表値の印：mean,median,mode のどれか（書いた順に 1 つずつ） |\n| `build` | string | `\"whole\"` | whole・values（値を 1 つずつ数える）・bins（階級を 1 つずつ） |\n\n子の JSON の並び：部品が数える。か `{\"table\": [{\"from\", \"to\", \"count\"}]}`。2 組なら `\"series\": [{\"label\", \"values\" か \"table\"}]`（重ねる）。\n\n- 階級は start 以上 start＋width 未満\n- `kind=\"dots\"`：ドットプロット（values が要る）\n- `polygon` `relative` `cumulative`：`\"on\"`\n- `marks=\"mean,median,mode\"`：代表値の線\n- `build=\"values\"`：値を 1 つずつ積む。`\"bins\"`：階級を 1 つずつ",
+    "sup": true
+   },
+   "m-kakijun": {
+    "set": "kokugo",
+    "row": "| `<m-kakijun>` | かな（ひらがな・カタカナ）の書き順。字を 1 画ずつ、書く順と向きのとおりに書いて見せる | 字 1 つ＝1 段階（段階の中で 1 画ずつ）。per=\"stroke\" なら 1 画＝1 段階 | 属性だけ（JSON の子なし）: `size=\"240\"` |",
+    "entry": "### `<m-kakijun>`\n\n書き方の見本: `<m-kakijun text=\"あさ\" style=\"height:320px\"></m-kakijun>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `text` | string | `\"\"` | 書く字（ひらがな・カタカナ、濁音・半濁音、小さい字、ー）。1 字以上 |\n| `per` | string | `\"char\"` | char（字 1 つ＝1 段階）か stroke（1 画＝1 段階） |\n| `writing` | string | `\"yoko\"` | yoko（横書き：左から右）か tate（縦書き：上から下、行は右から左）。小さい字の位置が変わる |\n| `grid` | string | `\"cross\"` | cross（四角い枠と十字の補助線）か none |\n| `ghost` | string | `\"on\"` | on：まだ書いていない画を薄く見せる。off：見せない |\n| `nums` | string | `\"on\"` | on：画の書き始めに丸い番号 |\n| `ends` | string | `\"off\"` | on：画の終わりに とめ・はね・はらい |\n| `size` | json | `null` | 字の枠の一辺（px）。書かなければ要素に合わせて 200〜300 |\n\n`<m-kakijun text=\"あさ\" style=\"height:320px\"></m-kakijun>`。ひらがな・カタカナ、濁音・半濁音、小さい字（ゃ・っ など）、ー を書ける。\n\n- 枠と十字の補助線の中に書く（`grid=\"none\"` で消す）。まだ書いていない画は薄く（`ghost=\"off\"` で見せない）\n- 書き始めに丸い番号（`nums=\"off\"` で消す）。`ends=\"on\"`：画の終わりに とめ・はね・はらい\n- `writing=\"tate\"`：縦書き（上から下）。小さい字はます目の右上、横書きでは左下\n- データにない字（漢字・記号）は書き順なしでそのまま出す"
+   },
+   "m-kanbun": {
+    "set": "kokugo",
+    "row": "| `<m-kanbun>` | 白文に返り点・送り仮名を付け、訓読の順に字をたどり（返り点で上へ戻るところに弧）、書き下し文にする（縦書き） | phases の数（order は句の数だけ。既定：訓点 1＋句の数＋書き下し文 1） | 要素の中の字（JSON ではない） |",
+    "entry": "### `<m-kanbun>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `60` | 漢字の大きさ（px）。送り仮名・返り点はその 0.42 倍（24px より小さくしない） |\n| `phases` | string | `\"kunten order kaki\"` | 段階の並び（kunten 訓点・order 読む順・kaki 書き下し文から選ぶ） |\n| `kaki` | number | `36` | 書き下し文の字の大きさ（px） |\n| `nums` | bool | `true` | 読む順の番号を字の左上に出す |\n\n漢文の授業で、白文 → 訓点 → 読む順 → 書き下し文 を 1 枚で見せるときに使う。段階 0 は白文。\n\n#### 書き方\n\n要素の中に、1 行に 1 列（句）を書く。行の中の空白は読まない。字の後ろに付けるもの（順は問わない）：\n\n| 書き方 | 意味 | 例 |\n|---|---|---|\n| `(…)` | 送り仮名（片仮名。右下に出す） | `覚(エ)` |\n| `[…]` | 返り点：`レ` `一` `二` `三` `四` `五` `上` `中` `下` `甲` `乙` `丙` `丁` `天` `地` `人`、`一レ` `上レ` `甲レ` `天レ` | `聞(ク)[二]啼鳥(ヲ)[一]` |\n| `レ` | レ点（`[レ]` と同じ） | `不{=ず}レ覚(エ)レ暁(ヲ)` |\n| `{…}` | 振り仮名（右に出す。書き下し文ではルビ） | `濺{そそ}(ギ)` |\n| `{=…}` | 書き下し文で平仮名にする字（助字）の読み | `不{=ず}`、`也{=なり}` |\n| `{-}` | 置き字（読まない。読む順の段階から薄くする） | `而{-}` |\n| `(右\\|二度目)` | 再読文字：右の送り仮名と二度目の読み。二度目の片仮名は左の送り仮名として出す | `未(ダ\\|ず)`、`将(ニ\\|ス)` |\n| `字-字` | 竪点（続けて読む熟語。返り点はまとまり全体に効く） | `読-書` |\n| `、` `。` | 句読点（白文では出さない。書き下し文では、そこまでの字を読み終えたところに置く） | `人(ヲ)、` |\n\n括弧は全角でもよい。\n\n#### 段階\n\n`phases`（既定 `kunten order kaki`）の順に 1 段階ずつ：\n\n- `kunten`：返り点・送り仮名・振り仮名・句読点が出る\n- `order`：句（列）ごとに 1 段階。目（朱の枠）が読む順に字をたどる。読んだ字には番号（左上。再読文字の二度目は右上）と淡い色。上へ戻るところに弧の矢印。`slot` 秒で 1 字。1 句 = 1 ステップ。台本の [n] は句ごとに書く\n- `kaki`：書き下し文が左に縦書きで出る（部品の高さで折り返す）\n\n`phases=\"kunten kaki\"` のように一部だけにもできる（`kunten` を外すと訓点は初めから出る）。\n\n#### 注意\n\n- 字は要素の高さと幅に自動で合わせる。収まらなければ、横は句を分け（1 枚に 2 句など）、縦は要素を高くする"
+   },
+   "m-keyboard": {
+    "set": "music",
+    "row": "| `<m-keyboard>` | ピアノの鍵盤。音階・和音・半音と全音を光らせる | steps の 1 つ = 1 段階（鍵盤は t でずらして順に光る） | `{range:str,names?:\"solfa\"\\|\"abc\"\\|\"iroha\"\\|\"none\",cumulative?:bool,dur?:num,steps:{keys:str[],label?,t?:num[],tone?,dur?:num}[]}` — range \"C4-C6\"（使う鍵を全部含め、1 オクターブ以上（例 C4-C5）。両端は白鍵、3 オクターブまで）、steps [{keys: [\"C4\", \"E4\"], label, t: [鍵盤ごとの秒], tone, dur}] |",
+    "entry": "### `<m-keyboard>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"range\":\"C4-C6\",\"names\":\"solfa\",\"steps\":[{\"keys\":[\"C4\",\"E4\",\"G4\"],\"label\":\"主和音（ドミソ）\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `（なし。子の JSON）` |  |  |  |\n\n- `range`：使う鍵を全部含め、1 オクターブ以上（例 C4-C5）。両端は白鍵、3 オクターブまで\n- `names`：`solfa`（ドレミ）・`abc`・`iroha`（ハニホ、嬰ハ・変ニ）・`none`\n- `t`：鍵盤ごとの秒。ずらすと音階、同じなら和音\n- `cumulative: true`：前の段階の鍵盤も薄く残す\n- `tone`：光の色。`dur`：音の秒（既定は次の音まで、最後は 0.8）"
+   },
+   "m-kobun": {
+    "set": "kokugo",
+    "row": "| `<m-kobun>` | 古文を語に切り（スラッシュ）、品詞で色を分けて 1 文ずつ見せ、最後に現代語訳と並べる。助動詞を押すと活用表と意味 | 文の数（現代語訳があれば ＋1） | 要素の中の字（JSON ではない） |",
+    "entry": "### `<m-kobun>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `34` | 本文の字の大きさ（px） |\n| `tate` | bool | `false` | 縦書きにする（品詞は語の左、現代語訳は文の左に） |\n| `yaku` | bool | `true` | 現代語訳（= の行）があれば、最後の段階で並べる |\n| `detail` | bool | `false` | 品詞の下に [ ] の中をすべて（活用の種類・活用形など）出す |\n\n古文の品詞分解を、板書のように 1 文ずつ見せるときに使う。段階 0 は切っていない本文。\n\n#### 書き方\n\n1 行が 1 文（1 段階）。語は `/` で切り、語の後ろの `[ ]` に品詞（と、`・` で区切って詳しいこと）を書く。`[ ]` の後ろの字（`、` `。`）は語に付けて出す。\n\n```\n春[名]/は[係助]/あけぼの[名]。\n= 春は明け方（がよい）。\n紫だち[動・タ四・連用]/たる[助動・たり・存続・連体]/雲[名]/の[格助]/…\n```\n\n- 品詞：`名` `代` `動` `補動` `形` `形動` `副` `連体` `接` `感` `助動` `格助` `係助` `副助` `接助` `終助` `間助` `接頭` `接尾`（色：動詞 `--term`、形容詞・形容動詞 `--accent2`、助動詞 `--emph`、助詞 `--muted`、ほか `--fg`）\n- 助動詞：`[助動・基本形・この文での意味・活用形]`。基本形は部品の中の表（文語の助動詞 28 語。`なり`・`たり` は意味で断定と伝聞推定・完了を分ける）から引く。表にないものは知らせる\n- `= …` の行：直前の文の現代語訳（最後の段階で、本文の下、縦書きでは左に出す）\n- `{漢字|かな}`：振り仮名\n\n#### 属性\n\n- `tate`：縦書き（品詞は語の左）\n- `detail`：品詞の下に `[ ]` の中をすべて出す（活用の種類・活用形まで。語の間が広がる）\n- `yaku=\"false\"`：現代語訳の段階を作らない"
+   },
+   "m-kpi": {
+    "set": "standard",
+    "row": "| `<m-kpi>` | 大きな数字の札（KPI）を段階ごとに出す。数字は数え上げ、下に増減の矢印と一言 | 札の step の最大（既定は札 1 枚 = 1 段階。per-step で n 枚ずつ） | `{cards:{label?,value:num,digits?:int,unit?:str,prefix?:str,from?:num,tone?,delta?:{dir?:\"up\"\\|\"down\",text?:str,good?:bool},note?,step?,at?}[]}` |",
+    "entry": "### `<m-kpi>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `cols` | number | `0` | 1 行の札の数（0 = 札の数、4 まで） |\n| `digits` | number | `0` | 数字の小数桁（札の digits が優先） |\n| `per-step` | number | `1` | 1 段階に出す札の数（0 = 全部を段階 1 で） |\n| `count` | bool | `true` | 数字を数え上げる |\n| `size` | number | `0` | 数字の字の大きさ（px。0 = 札の高さから） |\n\n表紙の直後の「掴みの数字」、試験導入の結果、市場規模の要約など、少数の数字を大きく見せるときに使う。\n\n- `label`：札の上の名前。`value`：数字（`digits` 桁、3 桁ごとにカンマ）。`unit`：数字の後ろの単位（小さめの字）。`prefix`：数字の前の記号（`−` `+` `約` など）\n- `from`：数え上げを始める値（既定 0。「20 分 → 7.5 分」のように減らす数も見せられる）\n- `tone`：数字と札の上の帯の色（`term`（既定）・`emph`・`accent2`・`series-1..4`）\n- `delta`：`{\"dir\": \"up\" | \"down\", \"text\": \"前の期から 4 社\", \"good\": true}`。▲ / ▼ と一言を数字の下に出す。良い向き（`good`、既定は `up` なら良い）なら `--term`、悪い向きなら `--emph`\n- `note`：札の下端の一言（`--muted`）\n- 見せ方（`variant`）：`count`・`rise`・`flip`・`underline`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 札の並び：`cols`（既定は札の数、4 まで）列で、行が足りなければ折り返す\n- `cues(k)`：同じ段階に 2 枚以上の札があれば、2 枚目からの開始時刻を返す（口述原稿の `{cue}` に合わせられる）"
+   },
+   "m-map-japan": {
+    "set": "maps",
+    "row": "| `<m-map-japan>` | 日本の 47 都道府県の地図。地域の強調、統計の塗り分け、点、矢印、経度・緯度の重ね描きを段階ごとに出す | 項目の step の最大（既定 1）。地図そのものは段階 0 から出ている | `{regions?:[{id?:str\\|int,group?:str,label?,tone?,step?,at?} (id or group),…],values?:object,classes?:num[],valuesStep?:int,points?:[{lon?:num,lat?:num,code?:str\\|int,label?,tone?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\",step?,at?} (lon + lat or code),…],flows?:{from:str\\|int\\|any[],to:str\\|int\\|any[],label?,tone?,value?:num,bend?:num,via?:any[][],labelAt?:any[],step?,at?}[],shapes?:[{polygon?:any[][],line?:any[][],label?,labelAt?:any[],tone?,dash?:bool,step?,at?} (polygon or line),…]}` — 都道府県は regions[].id に JIS の番号 \"01\"〜\"47\"（\"JP-13\"・\"東京都\" も可）、八地方区分は regions[].group（hokkaido・tohoku・kanto・chubu・kinki・chugoku・shikoku・kyushu）。values は {番号: 数} のオブジェクト、classes は階級の下限（既定は 4 階級、5 つまで）。points・shapes・flows[].via は経度・緯度（度） |",
+    "entry": "### `<m-map-japan>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"regions\":[{\"id\":\"13\",\"tone\":\"emph\",\"step\":1},{\"group\":\"kinki\",\"tone\":\"series-2\",\"step\":2}],\"points\":[{\"lon\":135.5,\"lat\":34.69,\"label\":\"大阪\",\"step\":3}],\"flows\":[{\"from\":\"13\",\"to\":\"27\",\"step\":4}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `layout` | string | `\"inset\"` | inset（南西諸島を枠に入れて描く）か true（本当の位置。日本が小さくなる） |\n| `islands` | string | `\"main\"` | main か all（inset で小笠原諸島の枠も描く） |\n| `labels` | string | `\"focus\"` | 地域の名前：focus（regions に書いた地域だけ）・all（名前が中に入る都道府県すべて）・none |\n| `show` | string | `\"none\"` | 塗り分けた地域の上に値を書くか：none（書かない、既定）・value（中に入る地域だけ値を書く） |\n| `unit` | string | `\"\"` | 値の単位（凡例の見出しに書く） |\n| `digits` | number | `0` | 値の小数桁 |\n| `legend` | string | `\"\"` | 凡例の見出し（例：人口）。unit があれば後ろに（単位）を足す |\n\n地理・歴史の授業で場所を示すときに使う。子の JSON（どれも `step` `at` `tone` を持てる）：\n\n- `regions`：`id`（`\"01\"`〜`\"47\"`）か `group`（`hokkaido` `tohoku` `kanto` `chubu` `kinki` `chugoku` `shikoku` `kyushu`）。`label`\n- `values`：`{\"13\": 1406, …}` と `classes`（階級の下限、既定は 4 階級、5 つまで）で塗り分け。凡例に階級を書く\n- `points`：`lon` `lat`（または `code` で県庁の位置）、`label`、`anchor`\n- `flows`：`from` `to`（番号か `[経度, 緯度]`）の矢印。`via`（通る点 `[[経度, 緯度], …]`。海の道は沖に）、`label` `labelAt` `value`\n- `shapes`：`polygon` か `line`（`[[経度, 緯度], …]`）。`label` `dash`\n\n`labels`：`focus`（既定）・`all`・`none`。`show=\"value\"` で入る地域に値を書く（既定は書かない）。\n\n日本の範囲・東西南北の端・排他的経済水域を見せるときは layout=\"true\"（小窓なし、本当の位置）\n\n地図データ：Natural Earth（パブリックドメイン）を加工。"
+   },
+   "m-map-world": {
+    "set": "maps",
+    "row": "| `<m-map-world>` | 世界の国・地域の地図（太平洋が中央）。国や州の強調、区分と値の塗り分け、点、矢印を段階ごとに出す | 項目の step の最大（既定 1）。地図そのものは段階 0 から出ている | `{regions?:[{id?:str,group?:str,label?,tone?,step?,at?} (id or group),…],categories?:{label,ids:str[],tone?,step?,at?}[],values?:object,classes?:num[],valuesStep?:int,points?:[{lon?:num,lat?:num,code?:str,label?,tone?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\",step?,at?} (lon + lat or code),…],flows?:{from:str\\|any[],to:str\\|any[],label?,tone?,value?:num,bend?:num,via?:any[][],labelAt?:any[],step?,at?}[],shapes?:[{polygon?:any[][],line?:any[][],label?,labelAt?:any[],tone?,dash?:bool,step?,at?} (polygon or line),…]}` — 国・地域は ISO の 3 文字か Natural Earth の符号（\"JPN\"・\"USA\"）か日本語の名前。六州（asia・europe・africa・north-america・south-america・oceania）は regions[].group と categories[].ids に。values は {符号: 数}、classes は階級の下限（既定は 4 階級、5 つまで）。points・shapes・flows の [経度, 緯度] は度 |",
+    "entry": "### `<m-map-world>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"regions\":[{\"id\":\"JPN\",\"tone\":\"emph\",\"step\":1},{\"group\":\"africa\",\"tone\":\"series-2\",\"step\":2}],\"points\":[{\"lon\":139.69,\"lat\":35.69,\"label\":\"東京\",\"step\":3}],\"flows\":[{\"from\":[139.69,35.69],\"to\":\"AUS\",\"step\":4}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `labels` | string | `\"focus\"` | 名前：focus（regions に書いた地域だけ）・all（名前が中に入る国すべて）・none |\n| `grid` | string | `\"none\"` | none・equator（赤道）・graticule（30° ごとの経線・緯線と赤道） |\n| `show` | string | `\"none\"` | 塗り分けた国の上に値を書くか：none（既定）・value（中に入る国だけ） |\n| `unit` | string | `\"\"` | 値の単位（凡例の見出しに書く） |\n| `digits` | number | `0` | 値の小数桁 |\n| `legend` | string | `\"\"` | 凡例の見出し（例：人口）。unit があれば後ろに（単位）を足す |\n\n世界地理・歴史の授業で国や都市の場所を示すときに使う。子の JSON（どれも `step` `at` `tone` を持てる）：\n\n- `regions`：`id`（`\"JPN\"` など ISO の 3 文字か国名）か `group`（六州）。`label`\n- `categories`：`label` と `ids`（国か州）。凡例に出す。4 区分まで\n- `values`：`{\"JPN\": 72, …}` と `classes`（階級の下限）\n- `points`：`lon` `lat`、`label`、`anchor`\n- `flows`：`from` `to`（`[経度, 緯度]` か国）、`via` `label` `value` `bend`\n\n継ぎ目は 30°W（大西洋を横切る矢印は描けない）。\n\n地図データ：Natural Earth（パブリックドメイン）を加工。"
+   },
+   "m-market": {
+    "set": "business",
+    "row": "| `<m-market>` | 市場規模の入れ子の円（TAM / SAM / SOM）。外の円から 1 つずつ、前の円の大きさから縮んで現れる | rings の数 | `{rings:{key?:str,value:num,basis?:str,tone?}[]}` |",
+    "entry": "### `<m-market>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"rings\":[{\"key\":\"TAM\",\"value\":3000,\"basis\":\"国内の…\"},{\"key\":\"SAM\",\"value\":600,\"basis\":\"…\"},{\"key\":\"SOM\",\"value\":30,\"basis\":\"…\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `unit` | string | `\"\"` | 値の単位（数字の後ろに付ける） |\n| `digits` | number | `0` | 値の小数桁 |\n| `scale` | string | `\"fixed\"` | fixed（決まった比）か area（面積を値に比例） |\n| `layout` | string | `\"bottom\"` | bottom（下端をそろえる）か center（同心） |\n| `count` | bool | `false` | 値の数字を縮みに合わせて数え上げる |\n\n市場の大きさを、全体（TAM）から手の届く範囲（SAM）、最初に取る範囲（SOM）へ絞り込んで見せるときに使う。\n\n子の JSON の並び：外から順。\n\n- 段階 j で j 番目の円が、1 つ外の円の大きさと位置から縮んで現れる。前の円はそのまま残る\n- 名前（`key`）・値・根拠（`basis`、何を数えたか）は円の右に書き、円の中の点から引き出し線で結ぶ。値は `digits` 桁で 3 桁ごとにカンマを入れ、`unit` を後ろに付ける\n- `scale=\"fixed\"`（既定）は見やすい決まった比（1・0.64・0.34・0.16）。`scale=\"area\"` は面積を値に比例させる（小さすぎる円は最も大きい円の 0.14 倍の半径にする）。面積に比例させると SOM がほとんど見えないことが多いので、既定は fixed にして値を字で示す\n- `layout=\"bottom\"`（既定）は円の下端をそろえ、`layout=\"center\"` は同心にする\n- 色は外の 2 つが `--term`、内の円が `--emph`（`tone` で変えられる）\n- 値の数字は円が縮みきってから出す。`count=\"true\"` なら縮みに合わせて数え上げる"
+   },
+   "m-menu": {
+    "set": "standard",
+    "row": "| `<m-menu>` | スライドへのリンクの札を格子に並べる（目次・単元の選び方）。札はふつうの <a href=\"#<スライドの id>\">、行ったスライドの札に「見た」の印 | ceil(札の数 / per-step)（既定の per-step=\"0\" なら 0：初めから全部） | 子の `<a href>`（JSON ではない） |",
+    "entry": "### `<m-menu>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `cols` | number | `0` | 列の数（0 なら札の数から：3 枚までは 1 行、4 枚は 2 列、それより多ければ 3 列） |\n| `per-step` | number | `0` | 1 段階に出す札の数（0 なら初めから全部出し、段階を使わない） |\n| `size` | number | `34` | 札の題の字の大きさ（px）。副題はその 0.8 倍（本文の下限の 27px より小さくしない） |\n| `visited` | bool | `true` | このセッションで行き先のスライドを開いた札に「見た」の印を付ける |\n\n目次、授業の単元の選び方、「どこから見るか」を選ばせる 1 枚に使う。目次は取り込んだ後に足す。初稿では普通の箇条書き。\n```html\n<m-menu cols=\"3\" aria-label=\"今日の内容\">\n  <a href=\"#s-njd4kp\" data-icon=\"一\" data-sub=\"孟浩然\">春暁</a>\n  <a href=\"#s-uhqygr:2\" data-icon=\"二\" data-sub=\"読む順から\">春望</a>\n</m-menu>\n```\n\n- 子の `<a href>` 1 つが札 1 枚。`href` は `#<スライドの id>`（その段階 0）か `#<id>:<段階の鍵>`（`0`・`1`・… か `concl`）。id は取り込みのときに付く。中身（文字・`<b>` など）が札の題になる\n- `data-icon`：題の左の丸に入れる短い字（`一`・`1`・`A` など。色は `--term`）。`data-sub`：題の下の副題（`--muted`）\n- 段階：`per-step=\"n\"` なら札が n 枚ずつ段階ごとに出る（`data-from` から。同じ段階の中は `stagger` 秒ずつずれる）。まだ出ていない札は押せず、Tab でも選べず、読み上げない。\n  `per-step=\"0\"`（既定）なら初めから全部（段階を使わない）。段階は (k, t) だけで決まる\n- 並び：`cols`（既定は札の数から：3 枚までは 1 行、4 枚は 2 列、それより多ければ 3 列）。札の高さの下限は CSS の `--mm-h`（既定 104px）、間は `--mm-gap`（18px）。\n  本文いっぱいに置いて縦の真ん中にそろえるなら `style=\"height:100%;align-content:center;--mm-h:150px\"`"
+   },
+   "m-numberline": {
+    "set": "math",
+    "row": "| `<m-numberline>` | 数直線。点・□・ジャンプ・不等式の範囲・0.1 の拡大。2 本で比例数直線 | build の順（既定 ticks,marks,links,jumps,ranges,magnify）に項目 1 つ = 1 段階。whole：全部で 1 段階 | `{lines:{from:num\\|str,to:num\\|str,step?:num\\|str,sub?:int,unit?:str,label?,labels?:str\\|any[]}[],marks?:{at:num\\|str,line?:int,label?,kind?:\"dot\"\\|\"open\"\\|\"box\",tone?,show?:int}[],jumps?:{from:num\\|str,to:num\\|str,line?:int,label?,tone?,show?:int}[],ranges?:[{from?:num\\|str,to?:num\\|str,incl?:[bool,bool],line?:int,label?,tone?,show?:int} (from or to),…],link?:(any[]\\|object)[],magnify?:{from:num\\|str,to:num\\|str,step?:num\\|str,labels?:str\\|any[],show?:int}[]}` — lines [{from, to, step, sub, unit, label, labels}]（1 本か 2 本）、marks [{at, kind: dot\\|open\\|box, label}]、jumps [{from, to, label}]、ranges [{from, to, incl: [真偽, 真偽]}]、link [[上の値, 下の値]]、magnify [{from, to, step}]。値は数か \"1/3\" |",
+    "entry": "### `<m-numberline>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"lines\":[{\"from\":0,\"to\":10,\"step\":1}],\"marks\":[{\"at\":3}],\"jumps\":[{\"from\":3,\"to\":7,\"label\":\"+4\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `build` | string | `\"ticks,marks,links,jumps,ranges,magnify\"` | 出す順（種類をコンマで）か whole（全部を 1 段階で） |\n| `arrow` | string | `\"off\"` | on：線の右の端を矢印に |\n\n子の JSON の値は数か `\"1/3\"`（分数で書く）。\n\n- lines：1 本か 2 本（0 をそろえる）`{from, to, step, sub, label, unit, labels: \"ends\" | [値]}`\n- marks：`{at, kind: \"dot\" | \"open\" | \"box\", label}`。box は □\n- jumps：`{from, to, label}`（左向きも）\n- ranges：`{from, to, incl: [true, false]}`。端がなければ矢印。重なれば共通部分を塗る\n- link（2 本）：`[[上の値, 下の値]]` か `{at, label: \"×3\"}`\n- magnify：`{from, to, step}`。区間を下の線に広げる（既定 10 等分）\n- 項目の `line`（0 か 1。拡大の線は 1, 2, …）、`show`（段階）\n- `arrow=\"on\"`：右端を矢印に"
+   },
+   "m-orbit": {
+    "set": "science",
+    "row": "| `<m-orbit>` | 月の満ち欠け（金星の満ち欠け）。北極の上から見た図と地球から見た形を並べ、月を位置から位置へ動かす。形は位置から計算する | 動く先の数（既定は 8 つの位置を新月から 1 周 = 8 段階。visit で決める） | `{positions?:int,start?:int,visit?:int[],labels?:(str\\|null)[],notes?:(str\\|null)[],eclipse?:bool}` |",
+    "entry": "### `<m-orbit>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"positions\":8,\"visit\":[1,2,3,4,5,6,7,0]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `mode` | string | `\"moon\"` | moon（月の満ち欠け）か venus（金星の満ち欠け） |\n| `hemisphere` | string | `\"north\"` | north（北半球から見た形。満ちていく月は右が光る）か south（南半球。左右が逆） |\n| `sun` | string | `\"right\"` | 月の図で太陽の光が来る側（right か left） |\n| `earth` | number | `0.2` | 地球の半径（月の軌道の半径に対する比。金星の図では地球の軌道に対する比の半分） |\n| `moon` | number | `0.5` | 月の半径（地球の半径に対する比。実際の月は 0.27。金星の図では金星をこの 1.4 倍に） |\n| `observer` | bool | `true` | 月の図で、地球の上の人と、月を見る向きを描く |\n| `size` | number | `28` | 地球から見た形の名前の字の大きさ（px。24 以上） |\n\n月の満ち欠け（中学 3 年・地学基礎）を見せるときに使う。左は北極の上から見た図で、太陽の光が片側から来て、地球のまわりの軌道の上に月がある。月の光っている半分は、いつも太陽の側を向いている。右は、地球から見たときの月の形。2 つの図は同じ位置で動く。\n\n**大きさと距離は実際の比ではない**（教えるための図）。実際は、地球と月の距離は地球の半径のおよそ 60 倍、月の半径は地球のおよそ 0.27 倍。比は `earth` と `moon` で変えられる。\n\n子の JSON（中身は省ける。`{}` で既定の 1 周）：`{\"positions\": 8, \"start\": 0, \"visit\": [1, 2, 3, 4, 5, 6, 7, 0], \"labels\": [...], \"notes\": [...], \"eclipse\": false}`（どれも省ける）。\n\n- `positions`：軌道の上の位置の数（4〜24、既定 8）。位置 0 が新月（月が太陽の側）、そこから反時計回りに等しい間隔\n- `start`：段階 0 の位置（既定 0）\n- `visit`：段階ごとに動く先の位置。月はいつも反時計回りに進む（2 つ先なら 2 つ分動く）。既定は `start` の次から 1 周して `start` へ戻る\n- `labels`：位置ごとの名前（`null` は既定のまま、`\"\"` は名前なし）。既定は、新月・三日月・上弦の月・満月・下弦の月（英語は new moon, waxing crescent, first quarter, full moon, last quarter）。8 つの位置では、残りの 3 つは名前なし（教科書と同じ）。十三夜などは `labels` で付ける\n- `notes`：位置ごとの説明（右の図の名前の下）。既定は、地球の上の人がその月を見る時刻と空の向き（「夕方・南西の空」など。下）\n- `eclipse`：`true` なら、新月と満月の位置で、太陽・月・地球がそろったときの影を描き、名前に（日食）（月食）を添える\n\n属性：\n\n- `mode`：`moon`（既定）か `venus`（金星の満ち欠け。下）\n- `hemisphere`：`north`（既定。満ちていく月は右側が光る）か `south`（左右が逆）\n- `sun`：太陽の光が来る側（`right` 既定か `left`）。月の図だけ\n- `earth`：地球の半径（月の軌道の半径に対する比、既定 0.2）。`moon`：月の半径（地球の半径に対する比、既定 0.5）\n- `observer`：地球の上の人と、月を見る向きの線（既定 true）\n- `size`：右の図の名前の字の大きさ（既定 28px）。`dur`：となりの位置へ動く秒数（既定 1.2）\n\n地球の上の人の時刻：月が夜の側にあるとき（上弦から下弦まで）は、月が南の空にいちばん高く上る時刻（上弦は夕方、満月は真夜中、下弦は明け方）。三日月のように夕方の側にある月は日の入り、明け方の側にある月は日の出、新月は正午。人は段階の間に、地球が回る向きに動く。空の向きは、人の真上から月への角を 45° ごとに名前にしたもの（南、南西、西…。南半球では北が基準）。教科書と言い方を合わせたいときは `notes` で書く。\n\n`mode=\"venus\"`：太陽を中心に、金星と地球の軌道を描く。地球は下に止めて、金星の位置を外合（太陽の向こう側）から反時計回りに `positions` 個置く（8 つなら位置 3 が東方最大離角に近い「よいの明星」、位置 5 が西方最大離角に近い「明けの明星」）。右の図は地球から見た金星の形で、大きさは地球からの距離に反比例する（地球に近いほど大きく、細く欠ける）。説明は「夕方・西の空」「明け方・東の空」、太陽に近い位置では「太陽に近くて見えない」。軌道の比は実際の値（金星 0.723）。\n\n縦書きの教材でも、横書きの 1 つの図として置く。"
+   },
+   "m-pie": {
+    "set": "standard",
+    "row": "| `<m-pie>` | 円グラフとドーナツグラフ。切れの名前と値・割合は、大きい切れなら中に、小さい切れなら外に引き出し線で書く | 既定は 1（全部を一度に）。per-step で n 切れずつ、切れの step で直接 | `{slices:{label?,value:num,tone?,step?,place?:\"auto\"\\|\"in\"\\|\"out\"}[],center?:str}` — 切れは \"slices\" に書く（\"data\" や \"groups\" ではない）。value は数（\"26%\" のような字ではない）。12 時の位置から時計回りに、書いた順に並ぶ |",
+    "entry": "### `<m-pie>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"slices\":[{\"label\":\"食費\",\"value\":7.2},{\"label\":\"住まい\",\"value\":8.5},{\"label\":\"その他\",\"value\":2.1,\"tone\":\"muted\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `donut` | number | `0` | ドーナツの内側の半径の割合（0 = 円グラフ。0.5〜0.6 がよい） |\n| `unit` | string | `\"\"` | 値の単位（数字の後ろに付ける。万円、人、% など） |\n| `digits` | number | `0` | 値の小数桁 |\n| `pct-digits` | number | `0` | 割合の小数桁 |\n| `show` | string | `\"pct\"` | 名前の下に書くもの：pct（割合）・value（値）・both（値と割合）・none |\n| `per-step` | number | `0` | 1 段階に出す切れの数（0 = 全部を段階 1 で） |\n\n家計や予算の内訳、回答の割合など、全体を 100% としたときの内訳を見せるときに使う。\n内訳は一度に全部見せる（共通の決まり §3）。<!--part:m-bars-->量どうしを細かく比べたいなら `m-bars` のほうが読みやすい。<!--/part-->\n\n- slice：`label`（名前）、`value`（数。割合はこの値から計算する）、`tone`（`term` `emph` `accent2` `muted` `fg` `series-1..4`）、`step`、`place`（`auto`（既定）・`in`・`out`）\n  - 切れは 12 時の位置から時計回りに、書いた順に並ぶ。「その他」は最後に書き、`\"tone\": \"muted\"` にするとよい\n  - 既定の色は `--series-1..3`、4〜6 切れ目は同じ 3 色を薄くしたもの、7 切れ目は `--series-4`。切れは 6〜7 つまでにする\n- `center`：ドーナツの穴の中の字（`\\n` で改行。`{total}` は合計の値に置き換わる。例：`\"回答\\n{total}\"`）。`center` は字（文字列）。<!--part:m-cycle-->`m-cycle` の `center` は `{\"label\": …}` のオブジェクトなので取り違えない<!--/part-->\n- `donut`：ドーナツにする（内側の半径の割合。`0.5`〜`0.6` がよい。0 なら円グラフ）\n- `show`：名前の下に書くもの：`pct`（割合、既定）・`value`（値）・`both`（値と割合）・`none`\n- `unit` `digits`：値の単位と小数桁（3 桁ごとにカンマ）。`pct-digits`：割合の小数桁（既定 0）。割合は足して 100% になるように丸める\n- 段階：既定は全部を段階 1 で出す。`per-step=\"1\"` で 1 切れずつ（口述原稿が 1 切れずつ話すときだけにする。そのときは全体の輪郭を初めから薄く見せる）。切れの `step` を書けばそれが勝つ\n- 字の置き場所：切れの中に収まれば中に（濃い切れでは背景の色の字）、収まらなければ外の左右の列に引き出し線で書く。外の字が縦に重ならないように並べ直し、字が片側だけなら字と円をまとめて真ん中に寄せる\n- 見せ方（`variant`）：`fade`・`sweep`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 授業の表示（`ctx.preview`）では、先の段階の切れをテーマの薄さで見せる"
+   },
+   "m-predict": {
+    "set": "standard",
+    "row": "| `<m-predict>` | 予想してから答えを開く。選択肢ごとの人数を棒で見せ、答えの段階で正解に枠 | 0 問いと選択肢、1 人数の棒、answer-step（既定 2）で答え | `{question?:str,choices:{label,tone?}[],answer:int,counts?:int[],note?}` — choices は {\"label\": …} の並び（字の並びではない）。answer は正しい選択肢の番号（0 から数える）。counts（省略可）は選択肢ごとに 0 以上の整数を 1 つずつ |",
+    "entry": "### `<m-predict>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"question\":\"重い球と軽い球、どちらが先に落ちる？\",\"choices\":[{\"label\":\"重い球\"},{\"label\":\"軽い球\"},{\"label\":\"同時\"}],\"answer\":2,\"counts\":[14,3,9],\"note\":\"空気の抵抗を除けば同時に落ちる\"}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `answer-step` | number | `2` | 答えを開く段階（1 以上。1 なら数の棒と同時） |\n| `unit` | string | `\"\"` | 数の単位（人 など） |\n| `poll` | string | `\"\"` | 投票の id（今は見る人・作者の数を使う） |\n| `ticks` | bool | `true` | 数の軸の目盛りと格子 |\n\n「A だと思う人〜」と手を挙げてもらい、先生が −1・＋1 で数える（数を打ち込んでもよい）。一人で学ぶ人は選択肢を押すと自分の予想になる。\n\n- 選択肢は 2〜6。動画・印刷・最初の表示は `counts`（無ければ 0）。同じスライドにいるあいだは数が残る（答えの段階でも、戻っても）\n- 口述原稿は `counts` の数で書き、数える所は `{note:ここで手を挙げてもらう}` と書く（丸かっこは読み上げられる）\n- `poll=\"p1\"`：v0.6.3 は結果公開の送信元がなく、`ctx.live.poll(id)` は null。見る人・作者の数を使う"
+   },
+   "m-quad": {
+    "set": "standard",
+    "row": "| `<m-quad>` | 2 軸の位置づけ（ポジショニングマップ・SWOT 風の 4 象限）に、点を段階ごとに 1 つずつ置く | 点の step と to.step の最大（既定は点 1 つ = 1 段階） | `{x?:{lo?:str,hi?:str},y?:{lo?:str,hi?:str},quads?:{tr?:str,tl?:str,bl?:str,br?:str,fill?:str},items:{label?,x:num,y:num,step?,at?,tone?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\",r?:num,self?:bool,to?:{x:num,y:num,label?,step?,at?}}[]}` |",
+    "entry": "### `<m-quad>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"x\":{\"lo\":\"手作業\",\"hi\":\"自動\"},\"y\":{\"lo\":\"高い\",\"hi\":\"安い\"},\"items\":[{\"label\":\"A 社\",\"x\":0.25,\"y\":0.7},{\"label\":\"自社\",\"x\":0.8,\"y\":0.82,\"self\":true}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `26` | 点の名前の字の大きさ（px） |\n| `quads-step` | number | `0` | 象限の名前を出す段階（0 = 初めから） |\n\n競合と自社の位置づけ、施策の分類（効果×手間）、SWOT のように、2 つの軸の上に項目を 1 つずつ置いて\n「空いている場所」を見せるときに使う。\n\n- `x` `y`：軸の両端の言葉（横軸は軸の下の両端、縦軸は軸の上端と下端の外）。軸と言葉は段階 0 から見える\n- `quads`：象限の名前（tr = 右上、tl = 左上、bl = 左下、br = 右下）。`fill` に象限の名前（`\"tr\"` など）を書くとその象限を淡く塗り、名前を `--term` で書く。名前は `quads-step` の段階で現れる（既定 0 = 初めから）\n- item：`label`、`x` `y`（0〜1。0.5 が軸の交わるところ）、`step`（既定は前の点の次の段階）、`at`（段階の中の開始秒）、`tone`（`term` / `fg`、既定は `--muted`）、`anchor`（名前の位置：`right`（既定）・`left`・`above`・`below`）、`r`（丸の半径）\n- `self: true` の点は `--emph` で大きく描き、現れたときに輪が 1 回広がる（最終状態では輪は出ない）\n- `to: {\"x\", \"y\", \"label\", \"step\", \"at\"}`：移動先。`to.step`（既定は点の次の段階）に、点が破線の跡を引きながら滑り、着いたら移動先の上に `label` を出す\n- `cues(k)`：同じ段階に 2 つ以上の点があれば、2 つ目からの開始時刻（at）を返す。口述原稿の `{cue}` の数と合えば、点が言葉に合わせて現れる"
+   },
+   "m-scatter": {
+    "set": "standard",
+    "row": "| `<m-scatter>` | 散布図。点の組（系列）を段階ごとに出し、そのあと傾向の線（最小二乗の直線か、書いた 2 点）を引く | 系列の数 ＋ 傾向の線（既定は系列 1 つ = 1 段階、そのあと線をまとめて 1 段階。系列・線の step で直接） | `{series:{label?,tone?,step?,at?,points:([num,num]\\|{x:num,y:num,label?,anchor?:\"right\"\\|\"left\"\\|\"above\"\\|\"below\"\\|\"top\"\\|\"bottom\",tone?})[]}[],trend?:str\\|{fit?:\"linear\",pts?:[[num,num],[num,num]],series?:int\\|any[],label?,tone?,dash?:bool,step?,at?,digits?:int}\\|[the same {…},…]}` — 点は [x, y] か {\"x\", \"y\", \"label\"}。軸は属性に書く（xr=\"[0,10]\" xl=\"…\"）。trend は \"linear\" か {\"fit\": \"linear\", \"label\": \"…\"} か {\"pts\": [[x0, y0], [x1, y1]]} |",
+    "entry": "### `<m-scatter>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"series\":[{\"label\":\"晴れ\",\"points\":[[24,210],[28,380],[31,560],{\"x\":34,\"y\":690,\"label\":\"猛暑日\"}]}],\"trend\":\"linear\"}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `xr` | json | `null` | 横軸の範囲（書かなければデータから） |\n| `yr` | json | `null` | 縦軸の範囲（書かなければデータから） |\n| `xt` | json | `null` | 横軸の目盛り（書かなければ自動） |\n| `yt` | json | `null` | 縦軸の目盛り（書かなければ自動） |\n| `xf` | number |  | 横軸の目盛りの小数桁 |\n| `yf` | number |  | 縦軸の目盛りの小数桁 |\n| `xl` | string | `\"\"` | 横軸の名前（`*斜体*` `_下付き` `^上付き`） * |\n| `yl` | string | `\"\"` | 縦軸の名前 * |\n| `r` | number | `9` | 点の半径（px） |\n\n気温と売上、勉強時間と点数、価格と販売数など、2 つの量の関係を見せるときに使う。\n点を出してから傾向の線を引く（共通の決まり §3 の「点、それから傾向」）。\n\n- series：`points`（点の並び。`[x, y]` か `{\"x\", \"y\", \"label\", \"anchor\", \"tone\"}`）、`label`（系列の名前。図の上に印と一緒に書く）、`tone`（`term` `emph` `accent2` `muted` `fg` `series-1..4`。既定は `series-1..4` の順）、`step`（1 系列 = 1 段階（書いた順）。同じ `step` の系列は一緒に出す）、`at`（段階の中の開始秒）\n  - 点の `label` は点の横に書く（右 → 左 → 上 → 下の順に、ほかの点・字・軸と重ならない所。`anchor`（`right` `left` `above` `below`）で最初に試す向きを決められる）。外れた点や目立つ点だけに付ける\n  - 系列ごとに印の形が変わる（丸・四角・三角・ひし形）。色だけに頼らない\n- trend：`\"linear\"`（全部の点の最小二乗の直線）、または `{\"fit\": \"linear\", \"series\": 0, \"label\", \"tone\", \"dash\", \"step\", \"at\", \"digits\"}`、または `{\"pts\": [[x0, y0], [x1, y1]]}`（書いた 2 点を結ぶ線分。ちょうど 2 つの `[x, y]`。縦の線も書ける）。2 本以上は配列にする\n  - `series`：当てはめに使う系列の番号（0 から数える。1 つ目の系列が 0。数か番号の配列。既定は全部）\n  - `label`：線の名前（図の上に書く）。`{r}` は相関係数、`{a}` は傾き、`{b}` は切片に置き換わる（`digits` 桁、既定 2）。例：`\"傾向（r = {r}）\"`\n  - `step`：既定は最後の系列の次の段階（線が何本あっても同じ段階）\n  - 当てはめた直線は当てはめた点の x の範囲に、`pts` の線は書いた 2 点の間に引き、軸の枠の中で切る。枠の外に出る線は描かず、`ctx.report` で知らせる\n  - `pts` の縦の線では `{a}` `{b}`（傾き・切片）は空になる。`{r}` は当てはめた直線だけ\n- 軸の属性：`xr` `yr`（範囲）、`xt` `yt`（目盛り）、`xf` `yf`（目盛りの小数桁）、`xl` `yl`（軸の名前）。`xr` `yr` を書かなければデータから切りのよい範囲を、`xt` `yt` を書かなければ目盛りを決める\n- 見せ方（`variant`）：`fade`・`sweep`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 授業の表示（`ctx.preview`）では、先の段階の点と線をテーマの薄さで見せる",
+    "sup": true
+   },
+   "m-score": {
+    "set": "music",
+    "row": "| `<m-score>` | 楽譜（五線譜）を 1 音・和音ずつ、または 1 小節ずつ出して音も鳴らす。ABC 記譜法で書く | 音符・和音・休符 1 つ＝1 段階。by=\"measure\" なら 1 小節＝1 段階 | `{abc:str}` — abc だけを書く（abcSvg・abcMap・renderers は組み立てが足す） |",
+    "entry": "### `<m-score>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"abc\":\"X:1\\nM:4/4\\nL:1/4\\nQ:1/4=96\\nK:C\\nC D E F |]\"}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `by` | string | `\"note\"` | note（1 音・和音ずつ）\\| measure（1 小節ずつ） |\n| `names` | string | `\"none\"` | 符頭の下の名前：solfa（ドレミ）\\| abc \\| iroha（ハニホ）\\| none |\n\n- `abc`：ABC 記譜法。`M:` 拍子、`L:` 基本の長さ、`Q:1/4=96` 速さ、`K:` 調、`[CEG]` 和音、`z` 休符、`-` タイ\n- `names`：符頭の下に `solfa`（ドレミ）・`abc`・`iroha`（ハニホ）。既定は `none`\n- `by=\"measure\"`：1 小節ずつ（音は小節の中で順に鳴る）"
+   },
+   "m-seq": {
+    "set": "stats",
+    "row": "| `<m-seq>` | 観測を 1 つずつ加え、分布と数値が更新されていく様子を見せる（前の分布は薄く残す） | ceil((steps の数 − 1) / per-step) | `{xs:num[],steps:{dens:num[],readout?:object,mark?:num}[],digits?:object,markLabel?:str}` |",
+    "entry": "### `<m-seq>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"xs\":[-2,-1,0,1,2],\"steps\":[{\"dens\":[0.05,0.24,0.4,0.24,0.05],\"readout\":{\"n\":0}},{\"dens\":[0.02,0.2,0.5,0.2,0.02],\"readout\":{\"n\":1},\"mark\":0.3}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `per-step` | number | `1` | 1 段階で動かす更新の回数 |\n| `xr` | json | `null` | 横軸の範囲（既定は xs の端） |\n| `yr` | json | `[0, 1]` | 縦軸の範囲 [min, max] * |\n| `xt` | json | `[]` | 横軸の目盛りの値 * |\n| `yt` | json | `[]` | 縦軸の目盛りの値 * |\n| `xf` | number |  | 横軸の目盛りの小数桁 * |\n| `yf` | number |  | 縦軸の目盛りの小数桁 * |\n| `xl` | string | `\"\"` | 横軸の名前（`*斜体*` `_下付き` `^上付き`） * |\n| `yl` | string | `\"\"` | 縦軸の名前 * |\n| `digits` | number | `2` | 数値の小数の桁数（data.digits で名前ごとに上書き） |\n| `panel` | number | `250` | 右の数値の欄の幅（px） |\n| `ghosts` | number | `99` | 残す前の分布の数 |\n\n回答や観測を 1 個ずつ加えて、事後分布と推定値が絞られていく過程を見せるときに使う。\n\n`xl` `yl` `yr` などの軸の設定は JSON にも書ける（属性があれば属性を優先）。\n\n- `steps[0]` が始めの状態（段階 0）、`steps[1..]` が 1 回ずつの更新\n- `per-step` 回の更新を 1 段階の中で順に動かす。1 回の長さは `slot` 秒、`cues(k)` は各更新の開始時刻を返すので、\n  口述原稿の `{cue}` を更新の数だけ置けば、音声に合わせて 1 回ずつ動く\n- 数値は前後の値の間を補間し、`digits` の桁でそろえて表示する（等幅の数字）",
+    "sup": true
+   },
+   "m-sweep": {
+    "set": "math",
+    "row": "| `<m-sweep>` | パラメータを動かして関数の形の変化を見せる（前の形は灰色で残す） | values の数 − 1 | 属性だけ（JSON の子なし）: `values=\"[0,0.5,1]\"` |",
+    "entry": "### `<m-sweep>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `f` | string | `\"u*u\"` | 関数の式（算術の式。変数は横軸 u とパラメータ c。Math.exp(…) などの Math の関数と定数、+ - * / % **、比較と ? : が使える） |\n| `values` | json | `[0, 1]` | パラメータの値の列。段階ごとに次の値へ動く |\n| `param` | string | `\"c\"` | 表示するパラメータの名前 |\n| `xr` | json | `[-3, 3]` | 横軸の範囲 [min, max] * |\n| `yr` | json | `[0, 10]` | 縦軸の範囲 [min, max] * |\n| `xt` | json | `[]` | 横軸の目盛りの値 * |\n| `yt` | json | `[]` | 縦軸の目盛りの値 * |\n| `xl` | string | `\"\"` | 横軸の名前（`*斜体*` `_下付き` `^上付き`） * |\n| `yl` | string | `\"\"` | 縦軸の名前 * |\n| `digits` | number | `2` | 表示する値の小数の桁数 |\n\n「φ が大きいほど〜」を目で確かめさせるときに使う。\n\n`f` の式の中では、動かす値はいつも `c` と書く（`param` は図に表示する名前だけ。`param=\"η\"` でも `f=\"u*u + c*u\"`）。\n\n`f` は算術の式（コードとしては実行しない）：数、`u` と `c`、`Math.exp(…)` `Math.sin(…)` などの `Math` の関数と `Math.PI` などの定数、`+ - * / % **`、比較（`< <= > >= == !=`）、`&& || !`、`? :`、括弧。べき乗は `**`（`^` は書けない）。`-u ** 2` は `-(u ** 2)` か `(-u) ** 2` と書く。書けない式は図の代わりに札が出る。",
+    "sup": true
+   },
+   "m-syntax": {
+    "set": "english",
+    "row": "| `<m-syntax>` | 英文の構造：S V O C M の記号、句と節の括弧、修飾の矢印、品詞、それから和訳 | 出てくる要素（S V O C M）を 1 つずつ＋括弧・矢印・和訳（あるものだけ）。build=\"whole\" で 1 | 要素の中の字（JSON ではない） |",
+    "entry": "### `<m-syntax>`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `36` | 英文の字の大きさ（px） |\n| `pos` | string | `\"off\"` | on で品詞（語[名]）を語の下に |\n| `build` | string | `\"steps\"` | whole で全部を 1 段階に |\n| `yaku` | bool | `true` | 和訳（= の行）を最後に出す |\n\n1 行 1 文。`=` の行は直前の文の和訳。\n\n```\n[S The girl {形^ [S who] [V lives]}] [V is] [C my friend].\n= 隣に住む女の子は私の友達だ。\n```\n\n- `[S …]` 要素（S V O C M、O1 O2）。`{ }` の中は小文字で出る\n- `{形 …}` `{副 …}` `{名 …}` 句・節の括弧（ < > [ ]）。中に V があれば節（`形句` `形節` で固定）\n- `^` 修飾の矢印：`{形^ …}` は前の語へ、`tall^` は次の語へ、`{副^plays …}` はその語へ\n- `boy[名]` 品詞（`pos=\"on\"`）"
+   },
+   "m-tape": {
+    "set": "math",
+    "row": "| `<m-tape>` | テープ図・線分図。全体や部分を括弧で括り、わからない量は □ か ?。行から行へ「2 倍」の矢印 | steps（既定）：行 → 括弧 → 倍の矢印を 1 つずつ。rows：行 1 つ = 1 段階。whole：全部で 1 段階 | `{rows:{label?,tone?,show?:int,segs:{v:num,label?,unknown?:str}[]}[],brace?:{row:int,from:int,to:int,label?,side?:\"above\"\\|\"below\",show?:int}[],times?:{from:int,to:int,label?,show?:int}[]}` — rows [{label, segs: [{v, label, unknown: \"?\" か \"□\"}]}]、brace [{row, from, to, label, side: above\\|below}]（from・to は 0 から数えた区切りの番号）、times [{from, to, label}]（行の番号） |",
+    "entry": "### `<m-tape>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"rows\":[{\"label\":\"みかん\",\"segs\":[{\"v\":8,\"label\":\"食べた 8 こ\"},{\"v\":15,\"label\":\"のこり 15 こ\"}]}],\"brace\":[{\"row\":0,\"from\":0,\"to\":1,\"label\":\"はじめ □ こ\",\"side\":\"above\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `kind` | string | `\"tape\"` | tape（テープ図）か line（線分図） |\n| `build` | string | `\"steps\"` | steps（行・括弧・矢印を 1 つずつ）・rows（行を 1 つずつ。括弧と矢印はその行と）・whole（全部を 1 段階で） |\n\n- 長さはどの行も同じ尺度で `v` に比例。わからない区切りにも `v` を書く\n- `unknown`：`\"□\"` か `\"?\"`（`label` は後ろに続く）\n- brace：`{row, from, to, label, side: \"above\" | \"below\"}`。from・to は 0 から数えた区切りの番号\n- times：`{from, to, label: \"2 倍\"}`（行の番号）\n- `kind=\"line\"`：線分図\n- 項目の `show`：出す段階\n- 行の名前に色の名前（赤・白）を使わない。色はテーマで変わる"
+   },
+   "m-timeline": {
+    "set": "standard",
+    "row": "| `<m-timeline>` | 年表。出来事を時間の軸の上に 1 つずつ出す。期間は帯にして、重なる期間は段を分けて積む。end は含まない（\"1912\" は 1912 年の初め） | 出来事の数（既定は時刻の順に 1 つ = 1 段階。per-step で n 個ずつ、node の step が優先） | `{nodes:{id?:str\\|int,label?,tex?,note?,tone?,when:num\\|str,whenLabel?:str,end?:num\\|str,lane?:str,step?,at?,after?:(str\\|int)[],progress?:num}[],edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[]}` — when / end: a number or \"YYYY\", \"YYYY-MM\", \"YYYY-MM-DD\"; end is exclusive (\"1912\" is the start of 1912). whenLabel: the date text shown instead of the computed one (when still sets the position). A node with end is a period (a band); lane groups bands into named lanes |",
+    "entry": "### `<m-timeline>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"nodes\":[{\"id\":\"a\",\"label\":\"明治維新\",\"when\":\"1868\",\"whenLabel\":\"明治元年\"},{\"id\":\"b\",\"label\":\"憲法の発布\",\"when\":\"1889\",\"note\":\"2 月 11 日\"},{\"id\":\"c\",\"label\":\"日清戦争\",\"when\":\"1894\",\"end\":\"1895\",\"tone\":\"emph\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `orient` | string | `\"h\"` | h（左から右へ）か v（上から下へ） |\n| `scale` | string | `\"time\"` | time（時間に比例した間隔）か even（等間隔。間がとても不ぞろいなとき） |\n| `per-step` | number | `1` | 1 段階に出す出来事の数（0 = 全部を段階 1 で） |\n| `size` | number | `26` | 名前の字の大きさ（px。入らなければ 24 まで縮める） |\n| `unit` | string | `\"\"` | 目盛り：day・week・month |\n| `today` | string | `\"\"` | 今日の線（YYYY-MM-DD） |\n\n歴史の年表、人物の生涯の重なり、計画の日程など、出来事を時間の順に見せるときに使う。\n座標は書かない。中身と時刻だけを書けば、部品が並べる（共通の決まり §2）。\n\n子の JSON の並び：`edges` は省ける。\n\n- `when`：時刻。数（`1868`、`-500`、`0.5` など）か、文字列 `\"YYYY\"` `\"YYYY-MM\"` `\"YYYY-MM-DD\"`。箱の上の行に日付として出る（日本語の資料なら「1868年」「2026年10月」）\n- `whenLabel`：日付の行に、計算した日付の代わりに書く字（「明治元年」「平成の終わり」など）。位置は `when` で決まる\n- `label`：名前（`\\n` で改行、`*斜体*` `_下付き` `^上付き`）。または `tex`（KaTeX）\n- `note`：箱の**中**の最後の行に小さく（`--muted`）。期間と節目では名前の後ろに続けて。例：「2 月 11 日」「新橋〜横浜」\n- `tone`：`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`。`emph` の箱は地が `--emph-tint`、枠と字が `--emph`\n- `end`：あれば期間。軸の下の段に帯で描き、名前は帯の中（入らなければ帯の右か左）に書く。名前を `\\n` で何行かにすると、帯がその分太くなる\n- `end` は含まない（終わりの時点）。`\"1912\"` は 1912 年の初め。明治 1868–1912 と大正 1912–1926 は同じ段に並ぶ。12 月まで含めるなら次の月（`\"2027-01\"`）を書く。\n- `lane`：期間を名前の付いた段のまとまりに分ける（「時代」「作家」「設計」など）。まとまりの名前を左に書き、まとまりの間に薄い線を引く。重なる期間は、まとまりの中で自動で別の段に積む。`end` のない node に `lane` を書くと、その段の中の節目（◆）になる\n- `step`・`at`：出る段階と、段階の中の開始秒\n- `edges`：ほかのつながり（`from` `to` `label` `tone` `dash` `step`）。箱の縁から縁への破線の矢印（`dash: false` で実線）\n- 工程表：`after: [\"id\", …]`（前の作業の終わりから始まりへ矢印）、`progress`（0–100 %。濃く塗る）。今日の線は `today`、目盛りの単位は `unit`\n\n並べ方：\n\n- `orient`：`h`（既定、左から右へ）か `v`（上から下へ）\n- `scale`：`time`（既定、時間に比例した間隔）か `even`（使った時刻を等間隔に。間がとても不ぞろいなとき）\n- 出来事（`end` も `lane` もない node）は軸の上の点と、日付と名前の箱。箱は軸の上と下に交互に置く（`v` なら左と右）。混んでいて箱が点から離れすぎるときは 2 段にする\n- 期間があるときは、軸に切りのよい目盛り（年・月・数）を付け、出来事の箱はすべて軸の上に置く（下は期間の段）\n- 段階：既定は時刻の順に 1 つずつ（期間も出来事も同じ列で数える）。軸は最初の出来事と一緒に引かれる\n- 線：軸は `--muted` の 5 px（図の中心の線として 1 本だけ太い）。軸の目盛りと目盛りの字（図の字の大きさ）も `--muted`。段のまとまりの間の区切りの線だけ `--line`。箱から軸への線と `edges` は `--muted` の 3 px\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱が動くのは 12 px まで（箱の中心で測る）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 授業の表示（`ctx.preview`）：後の段階の出来事・期間をテーマの薄さで見せる\n- `cues(k)`：同じ段階に 2 つ以上あれば、2 つ目からの開始時刻を返す（口述原稿の `{cue}` に合わせられる）"
+   },
+   "m-timer": {
+    "set": "tools",
+    "row": "| `<m-timer>` | グループワークの進行タイマー。区切りごとに残り時間を大きく数え、区切りの一覧で今の区切りを示す | 0 準備の画面、区切り 1 つが 1 段階（その長さ = sec 秒） | `{ready?:{title?:str,text?:str},phases:{title:str,short?:str,text?:str,sec:int,bells?:{left:int,count?:int}[]}[],bells?:{left:int,count?:int}[],done?:str,labels?:{ready?:str,total?:str,remaining?:str,done?:str,start?:str,next?:str,end?:str,min?:str,sec?:str,plus?:str,minus?:str}}` — phases は {\"title\", \"sec\"} の並び（sec は秒の整数。\"3分\" のような字ではない）。区切り 1 つが 1 段階 |",
+    "entry": "### `<m-timer>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"ready\":{\"title\":\"準備の確認\",\"text\":\"用紙とペンがそろっているか\"},\"phases\":[{\"title\":\"① 付箋に書く\",\"short\":\"付箋に書く\",\"sec\":180},{\"title\":\"② 島で選ぶ\",\"short\":\"島で選ぶ\",\"sec\":300}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `（なし）` |  |  |  |\n\n依頼にグループワーク・作業時間・制限時間があるときだけ使う。→ キーで段階を進めると数え始める。\n\n- `sec` は秒の整数（3 分なら 180）。`short` は右の一覧に出す短い名前、`text` は 2 行まで\n- 最後の 1 分は赤、最後の 10 秒は時計が点滅\n- 字は `<html lang>` で日本語か英語。`labels` で変えられる：`total` `remaining` `done` `start` `next` `end` `min` `sec` `plus` `minus`\n- 実行系が対応していれば ＋1 分・−1 分のボタンが出る（同じスライドにいるあいだは延ばした時間が残る）\n- ベル（学会タイマーのように）：`\"bells\": [{\"left\": 300, \"count\": 1}, {\"left\": 120, \"count\": 2}, {\"left\": 0, \"count\": 3}]`（残り秒と回数）。全体か区切りごとに書く。書かなければ鳴らない"
+   },
+   "m-tree": {
+    "set": "standard",
+    "row": "| `<m-tree>` | 階層・分類の木（組織図、生物の分類など）を、根から 1 段ずつ組み立てる。座標は書かず、配置は部品が決める | 節の深さの数（by=\"level\"、既定）か節の数（by=\"node\"）。節と edges の step があればその最大 | `{nodes:{id:str\\|int,label?,tex?,note?,tone?,parent?:str\\|int,branch?:str,step?,at?}[],edges?:{from:str\\|int,to:str\\|int,label?,tone?,dash?:bool,step?,at?}[],path?:(str\\|int)[],pathStep?:int,pathNote?:str}` — parent のない節（根）はちょうど 1 つ |",
+    "entry": "### `<m-tree>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"nodes\":[{\"id\":\"r\",\"label\":\"動物\"},{\"id\":\"a\",\"label\":\"脊椎動物\",\"parent\":\"r\"},{\"id\":\"b\",\"label\":\"無脊椎動物\",\"parent\":\"r\"}]}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `orient` | string | `\"down\"` | down（上から下、既定）か right（左から右） |\n| `by` | string | `\"level\"` | 段階の分け方：level（深さごと、既定）か node（1 つずつ、深さ優先の順） |\n| `link` | string | `\"elbow\"` | 親子の線：elbow（かぎ形、既定）か straight（まっすぐ） |\n| `size` | number | `0` | 箱の字の大きさ（px。0 = 27 から入るまで 24 まで縮める） |\n\n組織図、生物や物質の分類、概念の上位と下位、章と節の構成など、親子の関係で並ぶものを上から順に見せるときに使う。\n座標は書かない（共通の決まり §2）。中身とつながりだけを書けば、部品が重ならないように並べる。\n\n子の JSON の並び：`edges` は省いてよい。\n\n- node：`id`、`label`（`\\n` で改行、`*斜体*` `_下付き` `^上付き`）か `tex`（KaTeX）、`parent`（親の `id`。`parent` のない節（根）はちょうど 1 つ）、`note`（箱の**下**に小さな一言、`--muted`）、`tone`（`term`（既定）・`emph`・`muted`・`accent2`・`series-1..4`）、`step`、`at`（段階の中の開始秒）\n- 子は配列の順に並ぶ。親は子の並びの中央に置く\n- edge：親子のほかのつながり（`from` `to` `label` `tone` `dash` `step`）。破線で矢印つき、木の外側（`down` は下、`right` は右）へふくらむ。同じ深さの節どうしに向く。段階は既定で両端の遅いほう\n- 子の `branch`：線の字（確率など）。`path`：根からの `id` の道を順に強調（`pathStep` で一度に。`pathNote`：末尾の一言）\n- `orient`：`down`（既定、上から下）か `right`（左から右。分類を横に広げるとき）\n- `by`：`level`（既定。根、それから深さごとに 1 段）か `node`（深さ優先の順に 1 つずつ。1 つの枝をたどって話すとき）。節の `step` が勝つ\n- `link`：親子の線。`elbow`（既定、かぎ形）か `straight`（まっすぐ）。線の色は `--muted`、3 px\n- `tone: emph` の箱は、地が `--emph-tint`、枠と字が `--emph`\n- 入る大きさの目安（1280×720 の本文、高さ 440 px ほど）：`down` は 1 段に 4 字ほどの箱が 8 個、`right` は 7 個ほど。深さは 5 段ほど。\n  それより多い葉（子のない節）が 1 つの親に並ぶと、子を 2 段に互い違いに並べる（`down` で 16 個ほど、`right` で 11 個ほどまで）。\n  さらに入らなければ名前を 2 行に折る。字は 24 px より小さくならず、入らない分は要素の箱からはみ出す（`console.warn` が足りない px を言う）。多いときは木を分ける\n- 見せ方（`variant`）：`fade`・`draw`・`grow`。書かなければ資料のシード値で選ばれる（書かなくてよい）\n- 動きの上限：どの見せ方でも箱が動くのは 12 px まで（箱の中心で測る）、時間も `fade` の長さの中（共通の決まり §1.2）\n- 授業の表示（`ctx.preview`）では、後の段階の箱と線をテーマの薄さで出しておく"
+   },
+   "m-venn": {
+    "set": "standard",
+    "row": "| `<m-venn>` | 2 つか 3 つの集合の円（ベン図）。集合を 1 つずつ出し、最後に重なりを強めてその中の項目を出す | 集合の数 + 1（overlaps=\"each\" なら 集合の数 + 項目のある重なりの数） | `{sets:{label,tone?}[],regions?:{A?:str[]\\|str,B?:str[]\\|str,C?:str[]\\|str,AB?:str[]\\|str,AC?:str[]\\|str,BC?:str[]\\|str,ABC?:str[]\\|str}}` |",
+    "entry": "### `<m-venn>`\n\nデータ（子の `<script type=\"application/json\">`）の見本: `{\"sets\":[{\"label\":\"哺乳類\"},{\"label\":\"海の生き物\"}],\"regions\":{\"A\":[\"ライオン\"],\"B\":[\"マグロ\"],\"AB\":[\"クジラ\",\"イルカ\"]}}`\n\n| 値 | 型 | 既定 | 意味 |\n|---|---|---|---|\n| `size` | number | `26` | 項目の字の大きさ（px）。収まらなければ 24 まで縮める |\n| `spread` | number | `1` | 円の中心の間の距離 ÷ 半径（小さいほど重なりが広い。0.7〜1.3） |\n| `overlaps` | string | `\"together\"` | together（重なりを 1 段階でまとめて）か each（1 つずつ） |\n\n2 つか 3 つのものの共通点と違い（哺乳類と海の生き物、3 つのスキルの重なり など）を、重なりで見せるときに使う。\n<!--part:m-compare-->観点ごとに値を並べて比べるなら `m-compare`。<!--/part-->\n\n- `sets`：集合（2 つか 3 つ）。`label` は円の外に書く名前、`tone` は円の色（`term`・`emph`・`muted`・`accent2`・`series-1..4`。既定は `term`・`accent2`・`series-4` の順）。`--emph` は重なりを強めるのに使うので、集合には使わないほうがよい\n- `regions`：領域ごとの項目（1 つ 1 行の配列か、`\\n` で改行した字）。鍵は集合の文字の組で、アルファベット順に書く。文字は `sets` の順（`sets` の 1 つ目が A・2 つ目 B・3 つ目 C）：\n  - `A`：A だけ（ほかの集合には入らない）、`AB`：A と B の両方（3 つのときは、A と B に入り C には入らないところ）、`ABC`：3 つとも\n  - 2 つなら `A` `B` `AB`、3 つなら `A` `B` `C` `AB` `AC` `BC` `ABC`。どれも省いてよい。集合が 2 つのときに C を含む鍵（`C` `AC` `BC` `ABC`）を書くと、図の代わりに誤りの札が出る\n- 円は左右対称の決まった配置で、面積は値に比例しない（2 つは左右、3 つは左上・右上・下）。`spread`（既定 1）は円の中心の間の距離 ÷ 半径で、小さいほど重なりが広い\n- 項目は、その領域の中で円の線から最も離れる位置に置く。字は `size`（既定 26 px）から 24 px まで縮める。重なりの項目は太字\n- 段階：既定は 集合を 1 つずつ（その集合だけの項目と一緒に）→ 重なり（項目のある重なりを `--emph` で薄く塗って縁を囲み、項目を出す。項目のある重なりがなければ重なりすべて）。`overlaps=\"each\"` なら重なりを 1 つずつ（`AB`・`AC`・`BC`・`ABC` の順）\n- 見せ方（`variant`）：`fade`・`draw`。書かなければ資料のシード値で選ばれる（書かなくてよい）"
+   }
+  },
+  "tableHead": "| 部品 | 内容 | steps | データの形 |\n|---|---|---|---|",
+  "supNote": "（* はこの指示が補った説明）",
+  "briefNote": "下に説明の節がない部品は、表の「データの形」のとおりに子の JSON か属性を書き、ほかの属性は既定のままにする。",
+  "extHead": "### `<{name}>`：この束の拡張（部品の説明は §3）"
+ },
+ "version": "b47ccdba",
+ "tiers": {
+  "catalogue": "2.1.2",
+  "parts": {
+   "m-bars": {
+    "tier": "standard",
+    "purposes": [
+     "compare",
+     "ranking",
+     "change",
+     "part-whole"
+    ]
+   },
+   "m-boxplot": {
+    "tier": "specialized",
+    "set": "stats",
+    "purposes": [
+     "spread",
+     "compare"
+    ]
+   },
+   "m-cards": {
+    "tier": "standard",
+    "purposes": [
+     "process",
+     "grouping"
+    ]
+   },
+   "m-codetree": {
+    "tier": "extra",
+    "purposes": [
+     "hierarchy",
+     "process"
+    ]
+   },
+   "m-collect": {
+    "tier": "extra",
+    "purposes": [
+     "grouping"
+    ]
+   },
+   "m-compare": {
+    "tier": "standard",
+    "purposes": [
+     "compare"
+    ]
+   },
+   "m-curves": {
+    "tier": "standard",
+    "purposes": [
+     "change"
+    ]
+   },
+   "m-cycle": {
+    "tier": "standard",
+    "purposes": [
+     "cycle"
+    ]
+   },
+   "m-fishbone": {
+    "tier": "standard",
+    "purposes": [
+     "cause-effect"
+    ]
+   },
+   "m-flow": {
+    "tier": "standard",
+    "purposes": [
+     "process"
+    ]
+   },
+   "m-gendai": {
+    "tier": "specialized",
+    "set": "kokugo",
+    "purposes": [
+     "text-structure"
+    ]
+   },
+   "m-heatmap": {
+    "tier": "specialized",
+    "set": "stats",
+    "purposes": [
+     "compare",
+     "correlation"
+    ]
+   },
+   "m-hissan": {
+    "tier": "specialized",
+    "set": "math",
+    "purposes": [
+     "process"
+    ]
+   },
+   "m-hist": {
+    "tier": "specialized",
+    "set": "stats",
+    "purposes": [
+     "spread"
+    ]
+   },
+   "m-kakijun": {
+    "tier": "specialized",
+    "set": "kokugo",
+    "purposes": [
+     "process"
+    ]
+   },
+   "m-kanbun": {
+    "tier": "specialized",
+    "set": "kokugo",
+    "purposes": [
+     "text-structure"
+    ]
+   },
+   "m-keyboard": {
+    "tier": "specialized",
+    "set": "music",
+    "purposes": [
+     "music"
+    ]
+   },
+   "m-kobun": {
+    "tier": "specialized",
+    "set": "kokugo",
+    "purposes": [
+     "text-structure"
+    ]
+   },
+   "m-kpi": {
+    "tier": "standard",
+    "purposes": [
+     "key-number"
+    ]
+   },
+   "m-map-japan": {
+    "tier": "specialized",
+    "set": "maps",
+    "purposes": [
+     "spatial"
+    ]
+   },
+   "m-map-world": {
+    "tier": "specialized",
+    "set": "maps",
+    "purposes": [
+     "spatial"
+    ]
+   },
+   "m-market": {
+    "tier": "specialized",
+    "set": "business",
+    "purposes": [
+     "part-whole"
+    ]
+   },
+   "m-menu": {
+    "tier": "standard",
+    "purposes": [
+     "contents"
+    ]
+   },
+   "m-numberline": {
+    "tier": "specialized",
+    "set": "math",
+    "purposes": [
+     "compare"
+    ]
+   },
+   "m-orbit": {
+    "tier": "specialized",
+    "set": "science",
+    "purposes": [
+     "model",
+     "cycle"
+    ]
+   },
+   "m-pie": {
+    "tier": "standard",
+    "purposes": [
+     "part-whole"
+    ]
+   },
+   "m-predict": {
+    "tier": "standard",
+    "purposes": [
+     "predict"
+    ]
+   },
+   "m-quad": {
+    "tier": "standard",
+    "purposes": [
+     "position"
+    ]
+   },
+   "m-scatter": {
+    "tier": "standard",
+    "purposes": [
+     "correlation"
+    ]
+   },
+   "m-score": {
+    "tier": "specialized",
+    "set": "music",
+    "purposes": [
+     "music"
+    ]
+   },
+   "m-seq": {
+    "tier": "specialized",
+    "set": "stats",
+    "purposes": [
+     "spread"
+    ]
+   },
+   "m-sweep": {
+    "tier": "specialized",
+    "set": "math",
+    "purposes": [
+     "parameter"
+    ]
+   },
+   "m-syntax": {
+    "tier": "specialized",
+    "set": "english",
+    "purposes": [
+     "text-structure"
+    ]
+   },
+   "m-tape": {
+    "tier": "specialized",
+    "set": "math",
+    "purposes": [
+     "part-whole",
+     "compare"
+    ]
+   },
+   "m-timeline": {
+    "tier": "standard",
+    "purposes": [
+     "timeline"
+    ]
+   },
+   "m-timer": {
+    "tier": "specialized",
+    "set": "tools",
+    "purposes": [
+     "timebox"
+    ]
+   },
+   "m-tree": {
+    "tier": "standard",
+    "purposes": [
+     "hierarchy"
+    ]
+   },
+   "m-venn": {
+    "tier": "standard",
+    "purposes": [
+     "overlap"
+    ]
+   }
+  },
+  "purposes": [
+   {
+    "id": "compare",
+    "label": {
+     "ja": "比べる（量・特徴）",
+     "en": "Compare (amounts, features)"
+    }
+   },
+   {
+    "id": "ranking",
+    "label": {
+     "ja": "順位",
+     "en": "Ranking"
+    },
+    "into": "compare"
+   },
+   {
+    "id": "change",
+    "label": {
+     "ja": "変化",
+     "en": "Change"
+    }
+   },
+   {
+    "id": "part-whole",
+    "label": {
+     "ja": "内訳",
+     "en": "Part of a whole"
+    }
+   },
+   {
+    "id": "key-number",
+    "label": {
+     "ja": "数字を見せる",
+     "en": "Key number"
+    }
+   },
+   {
+    "id": "process",
+    "label": {
+     "ja": "手順",
+     "en": "Steps"
+    }
+   },
+   {
+    "id": "timeline",
+    "label": {
+     "ja": "年表・予定",
+     "en": "Timeline"
+    }
+   },
+   {
+    "id": "cause-effect",
+    "label": {
+     "ja": "原因と結果",
+     "en": "Cause and effect"
+    }
+   },
+   {
+    "id": "cycle",
+    "label": {
+     "ja": "循環",
+     "en": "Cycle"
+    }
+   },
+   {
+    "id": "hierarchy",
+    "label": {
+     "ja": "階層・分類",
+     "en": "Hierarchy"
+    }
+   },
+   {
+    "id": "position",
+    "label": {
+     "ja": "位置づけ",
+     "en": "Position"
+    }
+   },
+   {
+    "id": "overlap",
+    "label": {
+     "ja": "重なり",
+     "en": "Overlap"
+    }
+   },
+   {
+    "id": "correlation",
+    "label": {
+     "ja": "2 つの量の関係",
+     "en": "Two quantities"
+    }
+   },
+   {
+    "id": "spread",
+    "label": {
+     "ja": "ばらつき",
+     "en": "Spread"
+    }
+   },
+   {
+    "id": "grouping",
+    "label": {
+     "ja": "まとめる・分ける",
+     "en": "Grouping"
+    }
+   },
+   {
+    "id": "text-structure",
+    "label": {
+     "ja": "文章の構造",
+     "en": "Structure of a text"
+    }
+   },
+   {
+    "id": "contents",
+    "label": {
+     "ja": "目次",
+     "en": "Contents"
+    }
+   },
+   {
+    "id": "parameter",
+    "label": {
+     "ja": "パラメータを動かす",
+     "en": "Varying a parameter"
+    }
+   },
+   {
+    "id": "predict",
+    "label": {
+     "ja": "予想して確かめる",
+     "en": "Predict, then check"
+    }
+   },
+   {
+    "id": "timebox",
+    "label": {
+     "ja": "時間を区切る",
+     "en": "Time-boxing"
+    }
+   },
+   {
+    "id": "spatial",
+    "label": {
+     "ja": "場所・地図",
+     "en": "Place / map"
+    }
+   },
+   {
+    "id": "music",
+    "label": {
+     "ja": "音楽（音の高さ・和音・リズム）",
+     "en": "Music (pitch, chords, rhythm)"
+    }
+   },
+   {
+    "id": "model",
+    "label": {
+     "ja": "仕組みをモデルで見る",
+     "en": "How it works (a model)"
+    }
+   },
+   {
+    "id": "deviation",
+    "label": {
+     "ja": "差・増減",
+     "en": "Deviation, increase and decrease"
+    }
+   },
+   {
+    "id": "concept-links",
+    "label": {
+     "ja": "概念のつながり",
+     "en": "Concept links"
+    }
+   }
+  ]
+ }
+};