Skip to content
WworPoint

A4 proposal / Page 2 source

A4 proposal, page 2 of 5: actual built output
Actual built output · Page 2 of 5 · Select the image to enlarge

Source for page 2 of 5 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

Section titled “Markdown for this page”

An excerpt of document.md, split at its explicit page boundary. Separate fixed pages with <!-- wwpo:break -->.

document.md

Section titled “document.md”
<!-- wwpo:page flow=fixed -->
# 01 / Share the challenge with data

## Inquiry and proposal trends

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

From April to September, fictional inquiries rise from 120 to 240 and proposals from 52 to 78. These figures alone do not establish a production bottleneck. Check inquiry quality, staffing and case complexity too.

## Working time by task

![Illustrative task hours and untested pilot targets](assets/charts/hours.vl.json)

A target of 7 hours against a 12-hour baseline implies 5 hours, or about 42%, less time. This is an untested pilot hypothesis, not a promised reduction.

## Measurement assumptions

Compare proposals of similar difficulty. Record working time from the first draft to approval. Separate waiting and meetings, and retain revision details so that differences in quality are not overlooked.

Referenced visuals and data

Section titled “Referenced visuals and data”

assets/charts/trend.vl.json

Section titled “assets/charts/trend.vl.json”
{
  "width": 410,
  "height": 135,
  "config": {
    "font": "PS Sans",
    "axis": {
      "labelFontSize": 12,
      "titleFontSize": 12,
      "gridColor": "#dde5df",
      "domain": false,
      "labelColor": "#314d56",
      "titleColor": "#314d56"
    },
    "legend": {
      "labelFontSize": 12,
      "titleFontSize": 12
    },
    "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
      }
    }
  }
}

assets/charts/hours.vl.json

Section titled “assets/charts/hours.vl.json”
{
  "width": 410,
  "height": 135,
  "config": {
    "font": "PS Sans",
    "axis": {
      "labelFontSize": 12,
      "titleFontSize": 12,
      "gridColor": "#dde5df",
      "domain": false,
      "labelColor": "#314d56",
      "titleColor": "#314d56"
    },
    "legend": {
      "labelFontSize": 12,
      "titleFontSize": 12
    },
    "view": {
      "stroke": null
    },
    "range": {
      "category": [
        "#174d49",
        "#da9b54",
        "#92bcb0",
        "#ccd9cf"
      ]
    }
  },
  "description": "Illustrative working hours and untested pilot targets.",
  "data": {
    "name": "hours"
  },
  "transform": [
    {
      "fold": [
        "Current",
        "Pilot target"
      ],
      "as": [
        "State",
        "Hours"
      ]
    }
  ],
  "mark": {
    "type": "bar",
    "cornerRadiusTopLeft": 4,
    "cornerRadiusTopRight": 4
  },
  "encoding": {
    "x": {
      "field": "Task",
      "type": "nominal",
      "sort": [
        "Research",
        "Drafting",
        "Review",
        "Layout"
      ],
      "title": null,
      "axis": {
        "labelAngle": 0
      }
    },
    "xOffset": {
      "field": "State"
    },
    "y": {
      "field": "Hours",
      "type": "quantitative",
      "title": "Hours / proposal (illustrative)"
    },
    "color": {
      "field": "State",
      "type": "nominal",
      "scale": {
        "domain": [
          "Current",
          "Pilot target"
        ],
        "range": [
          "#174d49",
          "#da9b54"
        ]
      },
      "legend": {
        "orient": "top",
        "title": null
      }
    }
  }
}

data/trend.csv

Section titled “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

data/hours.csv

Section titled “data/hours.csv”
Task,Current,Pilot target
Research,3,2
Drafting,4,2
Review,3,2
Layout,2,1

Design and reproduction

Section titled “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