営業提案 / 6ページ目のコード

実際のビルド結果 · 6/10ページ · 画像を選んで拡大

実際の10ページ作例の 6ページ目 に対応するソースです。数値・企業・提案は架空です。単独実行用の文書ではありません。共通テーマ・設定と依存ファイルが必要です。

プレビュー一覧へ戻る共通CSSと設定前のページ次のページ

このページのMarkdown

document.md の明示的な区切りで分けた抜粋です。スライド間には --- を置きます。

document.md

## 05 / 初稿と確認に、価値ある時間を

![架空の作業時間の構成比](assets/charts/mix.vl.json)

初稿4時間、整理3時間、レビュー3時間、体裁2時間。まず初稿の再利用と、レビューの差分確認を試します。

関連する図表定義とデータ

assets/charts/mix.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": "架空の作業時間の構成比。総作業時間12時間。",
  "data": {
    "name": "mix"
  },
  "mark": {
    "type": "arc",
    "innerRadius": 72,
    "outerRadius": 115,
    "stroke": "#fffdf9",
    "strokeWidth": 4
  },
  "encoding": {
    "theta": {
      "field": "時間",
      "type": "quantitative"
    },
    "color": {
      "field": "項目",
      "type": "nominal",
      "scale": {
        "range": [
          "#174d49",
          "#da9b54",
          "#92bcb0",
          "#ccd9cf"
        ]
      },
      "legend": {
        "orient": "right",
        "title": null
      }
    }
  }
}

data/mix.csv

項目,時間
情報整理,3
初稿作成,4
レビュー,3
体裁調整,2

デザインと再生成

見出し・余白・色・表・ページ注記は共通CSSとbusinessプリセットによって整えられます。上に表示したページ固有の指示や図表定義も出力に影響します。作例一覧のソースZIPに、全体の文書と必要なファイルがあります。変更後は保存し、プレビュー・検証・書き出しで確認してください。

共通CSSと設定を見る · 作例全体の紹介へ