Sales proposal / Page 3 source

Sales proposal, page 3 of 10: actual built output — Actual built output · Page 3 of 10 · Select the image to enlarge

Source for page 3 of 10 of the actual generated example. Companies, metrics and proposals are fictional. This excerpt is not a standalone document: it needs the shared theme, configuration and referenced files.

Markdown for this page

An excerpt of document.md, split at its explicit page boundary. Separate slides with ---.

document.md

## 02 / Proposal production trails inquiry growth

![Illustrative monthly inquiries and proposals](assets/charts/trend.vl.json)

In this fictional dataset, inquiries rise from 120 to 240; proposals from 52 to 78. These are assumptions for discussion, not real results.

Referenced visuals and data

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": "Illustrative monthly inquiries and proposals. Not real results.",
  "data": {
    "name": "trend"
  },
  "transform": [
    {
      "fold": [
        "Inquiries",
        "Proposals"
      ],
      "as": [
        "Series",
        "Count"
      ]
    }
  ],
  "mark": {
    "type": "line",
    "point": true,
    "strokeWidth": 4
  },
  "encoding": {
    "x": {
      "field": "Month",
      "type": "ordinal",
      "sort": [
        "Apr",
        "May",
        "Jun",
        "Jul",
        "Aug",
        "Sep"
      ],
      "title": null
    },
    "y": {
      "field": "Count",
      "type": "quantitative",
      "title": "Count (illustrative)"
    },
    "color": {
      "field": "Series",
      "type": "nominal",
      "scale": {
        "range": [
          "#174d49",
          "#da9b54"
        ],
        "domain": [
          "Proposals",
          "Inquiries"
        ]
      },
      "legend": {
        "orient": "top",
        "title": null
      }
    }
  }
}

data/trend.csv

Month,Inquiries,Proposals,Contracts
Apr,120,52,12
May,138,58,14
Jun,164,64,16
Jul,186,69,17
Aug,214,74,18
Sep,240,78,20

Design and reproduction

Headings, spacing, color, tables and page footnotes use the shared CSS and business preset. Page directives and visual definitions shown above also affect the output. The source ZIP on the example overview contains the complete document and required files. Save changes, then preview, validate and export to check them.

Read shared CSS and settings · Example overview