{ "id": "beeswarm-plot-support-response-samples", "schemaVersion": 2, "title": { "ja": "初回応答時間の分布 — メールに60分超の標本が多い", "en": "First Response Times — Email Has More Samples over 60 Minutes" }, "summary": { "ja": "各観測値を1点として保ち、同じx値付近の点を縦にずらして重なりと個々の外れ値を同時に見せるビースウォーム図", "en": "A beeswarm plot preserves every observation as a dot, packing nearby values vertically to expose overlap and outliers." }, "capturedAt": "2026-09-25", "categories": [ "presentation" ], "tags": [ "data-viz", "minimal" ], "useCases": [ "comparison", "comparison" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "axis", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em" }, "subtitle": { "size": 22, "weight": 500 }, "axisTitle": { "size": 22, "weight": 700 }, "tick": { "size": 20, "weight": 500 }, "channel": { "size": 24, "weight": 700 }, "count": { "size": 22, "weight": 700 }, "legend": { "size": 20, "weight": 500 }, "takeaway": { "size": 28, "weight": 500 }, "note": { "size": 20, "weight": 400 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [ "#1F5FA8", "#A85A2E", "#D47A41", "#668CB9", "#1C8C79" ] }, "rules": [ { "ja": "4窓口×各24件を1点ずつ描き、1点が1件を表す", "en": "Draw 24 individual observations for each of four channels; one dot is one response." }, { "ja": "横位置は応答時間、縦方向のずらしは点の重なりを避けるためだけに使う", "en": "Horizontal position is response time; vertical displacement only prevents dot overlap." }, { "ja": "密集部も外れ値も観測点として残す。平滑化密度や箱ひげ要約で置き換えない", "en": "Retain clusters and outliers as observations; do not replace them with smoothed density or box summaries." }, { "ja": "架空の初回応答記録。窓口間で対象期間・計測の起点を揃える", "en": "Fictional first-response records. Align observation windows and timing definitions across channels." } ], "cover": "https://design-vault.pages.dev/_astro/cover.BuAgJIQz.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "axis", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em" }, "subtitle": { "size": 22, "weight": 500 }, "axisTitle": { "size": 22, "weight": 700 }, "tick": { "size": 20, "weight": 500 }, "channel": { "size": 24, "weight": 700 }, "count": { "size": 22, "weight": 700 }, "legend": { "size": 20, "weight": 500 }, "takeaway": { "size": 28, "weight": 500 }, "note": { "size": 20, "weight": 400 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [ "#1F5FA8", "#A85A2E", "#D47A41", "#668CB9", "#1C8C79" ] }, "rules": [ "Draw 24 individual observations for each of four channels; one dot is one response.", "Horizontal position is response time; vertical displacement only prevents dot overlap.", "Retain clusters and outliers as observations; do not replace them with smoothed density or box summaries.", "Fictional first-response records. Align observation windows and timing definitions across channels." ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 100 右 140 下 100 左 140\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em\nsubtitle 22px / 500\naxisTitle 22px / 700\ntick 20px / 500\nchannel 24px / 700\ncount 22px / 700\nlegend 20px / 500\ntakeaway 28px / 500\nnote 20px / 400\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9 / #1F5FA8 / #A85A2E / #D47A41 / #668CB9 / #1C8C79\n\n## 外すと崩れる点\n- 4窓口×各24件を1点ずつ描き、1点が1件を表す\n- 横位置は応答時間、縦方向のずらしは点の重なりを避けるためだけに使う\n- 密集部も外れ値も観測点として残す。平滑化密度や箱ひげ要約で置き換えない\n- 架空の初回応答記録。窓口間で対象期間・計測の起点を揃える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 100 right 140 bottom 100 left 140\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em\nsubtitle 22px / 500\naxisTitle 22px / 700\ntick 20px / 500\nchannel 24px / 700\ncount 22px / 700\nlegend 20px / 500\ntakeaway 28px / 500\nnote 20px / 400\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9 / #1F5FA8 / #A85A2E / #D47A41 / #668CB9 / #1C8C79\n\n## Constraints — dropping these breaks it\n- Draw 24 individual observations for each of four channels; one dot is one response.\n- Horizontal position is response time; vertical displacement only prevents dot overlap.\n- Retain clusters and outliers as observations; do not replace them with smoothed density or box summaries.\n- Fictional first-response records. Align observation windows and timing definitions across channels.\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/pattern.html." }, "code": { "html": "\n初回応答時間の分布 — メールに60分超の標本が多い\n\n\n
\n\n初回応答時間の分布 — メールに60分超の標本が多い窓口別 n=24 / 個々の応答時間（分） / 架空データ各点が1件の記録 — 重なりを避けて個別値を残す60分超の件数チャット1/24メール13/24電話10/24ポータル2/240306090120150180初回応答時間（分）メールの60分超点色は窓口、縦ずらしは重なり回避を示す60分超はメール13/24件 — 平滑化せず個々の外れ値を確認縦方向のずらし量に値の意味はない。各窓口の対象期間・計測開始点を揃えて比較する。
", "url": "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/font.css", "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/font-0.woff2", "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/font-1.woff2", "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples", "en": "https://design-vault.pages.dev/en/designs/beeswarm-plot-support-response-samples" }, "notesMarkdown": "### 視覚的な問い\n\n窓口別の初回応答時間はどこに集まり、個別に確認すべき長い応答はどれか。\n\n### 構造\n\n横位置を応答時間、行を窓口に割り当て、1件を1点で描く。同じ時間付近に点が重ならないよう、上下に詰めて配列する。縦方向の位置は値ではなく衝突回避だけを表すので、数値比較は横軸で行う。\n\n架空の各24件ではメールの60分超が13件で最も多く、168分の長い応答も残る。バイオリン図は平滑化密度の形を要約し、箱ひげ図は四分位範囲へまとめるのに対し、beeswarm plotは個々の観測を保ち、標本が小さいときの集中と外れ値をそのまま確かめられる。実測サービス性能の主張ではない。" }