{
"id": "violin-plot-support-wait-times",
"schemaVersion": 2,
"title": {
"ja": "問い合わせの待ち時間 — メールは遅く、ばらつきも大きい",
"en": "Support Wait Times — Email Is Slower and More Variable"
},
"summary": {
"ja": "バイオリンプロットで窓口別の応答時間分布を比較する。縦位置が時間、幅が密度を表し、中央値と中央50%も分布内に示す",
"en": "A violin plot comparing response-time distributions by support channel. Vertical position is time, width is density, with the median and middle 50% marked inside each distribution."
},
"capturedAt": "2026-09-25",
"categories": [
"presentation"
],
"tags": [
"data-viz",
"minimal"
],
"useCases": [
"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
},
"category": {
"size": 28,
"weight": 700
},
"sample": {
"size": 20,
"weight": 400
},
"takeaway": {
"size": 28,
"weight": 500
},
"note": {
"size": 20,
"weight": 400
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": [
"#2F6FB5",
"#A85A2E"
]
},
"rules": [
{
"ja": "両窓口の標本数を各15件に揃え、共通の横幅尺度で密度を比較する",
"en": "Use 15 observations per channel and a shared width scale for density comparison."
},
{
"ja": "縦位置だけを応答時間として読む。幅は同じ時間に観測が集まる度合いを表す",
"en": "Read vertical position as response time. Width shows how observations concentrate around that time."
},
{
"ja": "中央50%の範囲と中央値を図内に残し、分布の形だけで代表値を決めさせない",
"en": "Keep the middle 50% and median visible so the distribution shape is not mistaken for a single representative value."
},
{
"ja": "架空の応答記録であることを示し、実際の窓口性能と取り違えさせない",
"en": "Label the response records as fictional so they are not mistaken for real service performance."
},
{
"ja": "時間の範囲とカーネル幅（11分）を固定し、分布の尾と山の位置をデータ差以外で変えない",
"en": "Keep the time range and kernel bandwidth (11 minutes) fixed so tails and peaks do not vary for reasons other than the data."
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.O802c6g0.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
},
"category": {
"size": 28,
"weight": 700
},
"sample": {
"size": 20,
"weight": 400
},
"takeaway": {
"size": 28,
"weight": 500
},
"note": {
"size": 20,
"weight": 400
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": [
"#2F6FB5",
"#A85A2E"
]
},
"rules": [
"Use 15 observations per channel and a shared width scale for density comparison.",
"Read vertical position as response time. Width shows how observations concentrate around that time.",
"Keep the middle 50% and median visible so the distribution shape is not mistaken for a single representative value.",
"Label the response records as fictional so they are not mistaken for real service performance.",
"Keep the time range and kernel bandwidth (11 minutes) fixed so tails and peaks do not vary for reasons other than the data."
]
},
"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\ncategory 28px / 700\nsample 20px / 400\ntakeaway 28px / 500\nnote 20px / 400\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9 / #2F6FB5 / #A85A2E\n\n## 外すと崩れる点\n- 両窓口の標本数を各15件に揃え、共通の横幅尺度で密度を比較する\n- 縦位置だけを応答時間として読む。幅は同じ時間に観測が集まる度合いを表す\n- 中央50%の範囲と中央値を図内に残し、分布の形だけで代表値を決めさせない\n- 架空の応答記録であることを示し、実際の窓口性能と取り違えさせない\n- 時間の範囲とカーネル幅（11分）を固定し、分布の尾と山の位置をデータ差以外で変えない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/violin-plot-support-wait-times/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\ncategory 28px / 700\nsample 20px / 400\ntakeaway 28px / 500\nnote 20px / 400\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9 / #2F6FB5 / #A85A2E\n\n## Constraints — dropping these breaks it\n- Use 15 observations per channel and a shared width scale for density comparison.\n- Read vertical position as response time. Width shows how observations concentrate around that time.\n- Keep the middle 50% and median visible so the distribution shape is not mistaken for a single representative value.\n- Label the response records as fictional so they are not mistaken for real service performance.\n- Keep the time range and kernel bandwidth (11 minutes) fixed so tails and peaks do not vary for reasons other than the data.\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/violin-plot-support-wait-times/pattern.html."
},
"code": {
"html": "\n\n問い合わせの待ち時間 — メールは遅く、ばらつきも大きい\n\n\n\n\n