営業提案 / 3ページ目のコード
実際の10ページ作例の 3ページ目 に対応するソースです。数値・企業・提案は架空です。単独実行用の文書ではありません。共通テーマ・設定と依存ファイルが必要です。
このページのMarkdown
「このページのMarkdown」の節へdocument.md の明示的な区切りで分けた抜粋です。スライド間には --- を置きます。
document.md
「document.md」の節へ## 02 / 相談の伸びに、制作が追いつかない
架空データでは相談数は120→240件、提案数は52→78件。これは実績ではなく、課題を考えるための想定です。関連する図表定義とデータ
「関連する図表定義とデータ」の節へassets/charts/trend.vl.json
「assets/charts/trend.vl.json」の節へ{
"width": 680,
"height": 245,
"config": {
"font": "PS Sans",
"axis": {
"labelFontSize": 18,
"titleFontSize": 18,
"gridColor": "#dde5df",
"domain": false,
"labelColor": "#314d56",
"titleColor": "#314d56"
},
"legend": {
"labelFontSize": 18,
"titleFontSize": 18
},
"view": {
"stroke": null
},
"range": {
"category": [
"#174d49",
"#da9b54",
"#92bcb0",
"#ccd9cf"
]
}
},
"description": "架空の月別相談件数と提案件数。成長する相談数に対して提案作成が追いつかない想定。",
"data": {
"name": "trend"
},
"transform": [
{
"fold": [
"相談件数",
"提案件数"
],
"as": [
"系列",
"件数"
]
}
],
"mark": {
"type": "line",
"point": true,
"strokeWidth": 4
},
"encoding": {
"x": {
"field": "月",
"type": "ordinal",
"sort": [
"4月",
"5月",
"6月",
"7月",
"8月",
"9月"
],
"title": null
},
"y": {
"field": "件数",
"type": "quantitative",
"title": "件数（架空）"
},
"color": {
"field": "系列",
"type": "nominal",
"scale": {
"range": [
"#174d49",
"#da9b54"
]
},
"legend": {
"orient": "top",
"title": null
}
}
}
}
data/trend.csv
「data/trend.csv」の節へ月,相談件数,提案件数,契約件数
4月,120,52,12
5月,138,58,14
6月,164,64,16
7月,186,69,17
8月,214,74,18
9月,240,78,20
デザインと再生成
「デザインと再生成」の節へ見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。