{
"id": "radar-profile-now-target",
"schemaVersion": 2,
"title": {
"ja": "開発チームの力量 — 差が最も大きいのはテストの自動化",
"en": "Team Capability — The Widest Gap Is Test Automation"
},
"summary": {
"ja": "5 軸のレーダー。現状と目標を同じ色の塗りと破線で重ね、どの観点で差が開いているかを形の違いとして読ませる",
"en": "A five-axis radar. Now and target share one hue — fill against dashed outline — so the gap reads as a difference in shape rather than in colour"
},
"capturedAt": "2026-09-16",
"categories": [
"presentation"
],
"tags": [
"data-viz",
"minimal"
],
"useCases": [
"comparison",
"status"
],
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "radial",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 140,
"bottom": 96,
"left": 140
}
},
"type": {
"title": {
"size": 44,
"weight": 700,
"tracking": "0.01em",
"leading": 1.3
},
"window": {
"size": 20,
"weight": 500,
"leading": 1.5
},
"axisLabel": {
"size": 22,
"weight": 500,
"leading": 1.4
},
"legendLabel": {
"size": 22,
"weight": 500,
"leading": 1.4
},
"conclusion": {
"size": 26,
"weight": 500,
"leading": 1.6
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": []
},
"rules": [
{
"ja": "軸は 5〜6 本まで。7 本を超えると隣り合う頂点の差が読めなくなり、形ではなく模様として見える",
"en": "Five or six axes at most. Past seven the difference between neighbouring vertices stops being readable and the shape becomes a pattern"
},
{
"ja": "多角形は 2 つまで。3 つ重ねると、どの線がどれかを凡例で確かめる作業が読み取りより長くなる",
"en": "Two polygons at most. With three, checking the key takes longer than reading the figure"
},
{
"ja": "現状と目標に別の色を与えない。同じものの 2 時点なので、塗りと破線で分けるほうが「同じ物差しで測った」ことを保つ",
"en": "Do not give now and target different hues. They are two readings of one thing; fill versus dashed outline keeps the claim that the same ruler was used"
},
{
"ja": "軸の順序に意味を持たせない。レーダーは軸を並べ替えると形が変わるので、順序が重要度だと読まれると図が嘘をつく",
"en": "Never let the axis order mean anything. Reordering the axes changes the shape, so if the order reads as priority the figure is lying"
},
{
"ja": "面積を比べさせない。軸が等間隔でも面積は軸数と値の並びで決まるので、「全体として何割」は読み取れない",
"en": "Do not invite area comparison. Even with evenly spaced axes, the area depends on the ordering of values, so 'how much overall' cannot be read off it"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.CI9jLTP4.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"maturity-staircase-now-target",
"donut-share-center-total"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "radial",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 140,
"bottom": 96,
"left": 140
}
},
"type": {
"title": {
"size": 44,
"weight": 700,
"tracking": "0.01em",
"leading": 1.3
},
"window": {
"size": 20,
"weight": 500,
"leading": 1.5
},
"axisLabel": {
"size": 22,
"weight": 500,
"leading": 1.4
},
"legendLabel": {
"size": 22,
"weight": 500,
"leading": 1.4
},
"conclusion": {
"size": 26,
"weight": 500,
"leading": 1.6
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9"
},
"rules": [
"Five or six axes at most. Past seven the difference between neighbouring vertices stops being readable and the shape becomes a pattern",
"Two polygons at most. With three, checking the key takes longer than reading the figure",
"Do not give now and target different hues. They are two readings of one thing; fill versus dashed outline keeps the claim that the same ruler was used",
"Never let the axis order mean anything. Reordering the axes changes the shape, so if the order reads as priority the figure is lying",
"Do not invite area comparison. Even with evenly spaced axes, the area depends on the ordering of values, so 'how much overall' cannot be read off it"
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\nwindow 20px / 500 / 行送り 1.5\naxisLabel 22px / 500 / 行送り 1.4\nlegendLabel 22px / 500 / 行送り 1.4\nconclusion 26px / 500 / 行送り 1.6\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 軸は 5〜6 本まで。7 本を超えると隣り合う頂点の差が読めなくなり、形ではなく模様として見える\n- 多角形は 2 つまで。3 つ重ねると、どの線がどれかを凡例で確かめる作業が読み取りより長くなる\n- 現状と目標に別の色を与えない。同じものの 2 時点なので、塗りと破線で分けるほうが「同じ物差しで測った」ことを保つ\n- 軸の順序に意味を持たせない。レーダーは軸を並べ替えると形が変わるので、順序が重要度だと読まれると図が嘘をつく\n- 面積を比べさせない。軸が等間隔でも面積は軸数と値の並びで決まるので、「全体として何割」は読み取れない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/radar-profile-now-target/pattern.html",
"en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\nwindow 20px / 500 / leading 1.5\naxisLabel 22px / 500 / leading 1.4\nlegendLabel 22px / 500 / leading 1.4\nconclusion 26px / 500 / leading 1.6\nnote 16px / 400 / leading 1.6\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Five or six axes at most. Past seven the difference between neighbouring vertices stops being readable and the shape becomes a pattern\n- Two polygons at most. With three, checking the key takes longer than reading the figure\n- Do not give now and target different hues. They are two readings of one thing; fill versus dashed outline keeps the claim that the same ruler was used\n- Never let the axis order mean anything. Reordering the axes changes the shape, so if the order reads as priority the figure is lying\n- Do not invite area comparison. Even with evenly spaced axes, the area depends on the ordering of values, so 'how much overall' cannot be read off it\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/radar-profile-now-target/pattern.html."
},
"code": {
"html": "\n\n開発チームの力量 — 差が最も大きいのはテストの自動化\n\n\n\n\n