営業提案 / 5ページ目のコード
実際の10ページ作例の 5ページ目 に対応するソースです。数値・企業・提案は架空です。単独実行用の文書ではありません。共通テーマ・設定と依存ファイルが必要です。
このページのMarkdown
「このページのMarkdown」の節へdocument.md の明示的な区切りで分けた抜粋です。スライド間には --- を置きます。
document.md
「document.md」の節へ## 04 / 12時間を、7時間へ。まずは仮説。
現状12時間、試行目標7時間 / 提案。5時間の差は仮定です。品質の確認を省かず、4週間の測定で確かめます。関連する図表定義とデータ
「関連する図表定義とデータ」の節へassets/charts/hours.vl.json
「assets/charts/hours.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": "hours"
},
"transform": [
{
"fold": [
"現状",
"試行目標"
],
"as": [
"区分",
"時間"
]
}
],
"mark": {
"type": "bar",
"cornerRadiusTopLeft": 4,
"cornerRadiusTopRight": 4
},
"encoding": {
"x": {
"field": "工程",
"type": "nominal",
"sort": [
"情報整理",
"初稿作成",
"レビュー",
"体裁調整"
],
"title": null,
"axis": {
"labelAngle": 0
}
},
"xOffset": {
"field": "区分"
},
"y": {
"field": "時間",
"type": "quantitative",
"title": "時間 / 提案（架空）"
},
"color": {
"field": "区分",
"type": "nominal",
"scale": {
"domain": [
"現状",
"試行目標"
],
"range": [
"#174d49",
"#da9b54"
]
},
"legend": {
"orient": "top",
"title": null
}
}
}
}
data/hours.csv
「data/hours.csv」の節へ工程,現状,試行目標
情報整理,3,2
初稿作成,4,2
レビュー,3,2
体裁調整,2,1
デザインと再生成
「デザインと再生成」の節へ見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。