PPTX.gallery

Layout Pattern

Dashboard

Bring several related measures and visuals into one overview. Keep labels and units consistent so the audience can scan the state quickly.

ChartMixed

How to Use It

Bring several related measures and visuals into one overview. Keep labels and units consistent so the audience can scan the state quickly.

Preview + source

Explore this layout

Combine a few measures and charts with distinct purposes, consistent units and a clear takeaway.

All people, quotations and business figures in these examples are illustrative.

Dashboard: canonical rendered example
Inspect full-size SVG

This prepared preview and the OPF describe the same example. Region outlines show measured allocation; toggling them does not change the slide.

Copy complete OPF

Inspect compact default-catalog references. Your host must register the matching catalog; source identifies it without fetching over the network. Copy always includes complete embedded records.

{5 keys
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Layout fixture dashboard",
"design": {1 key
"background": "light1"
},
"slides": [1 item
{4 keys
"layout": "dashboard",
"title": "Pilot performance at a glance",
"subtitle": "Illustrative example • fictional data",
"blocks": [5 items
{2 keys
"region": "kpis",
"metric": {3 keys
"value": 52,
"label": "Trial participants",
"description": "Illustrative six-week pilot"
}
},
{2 keys
"region": "kpis",
"metric": {3 keys
"value": "84%",
"label": "Task completion",
"description": "Up from 68% at baseline"
}
},
{2 keys
"region": "kpis",
"metric": {4 keys
"value": "6.2",
"unit": "min",
"label": "Median task time",
"description": "Down from 9.4 min"
}
},
{2 keys
"region": "charts",
"chart": {3 keys
"type": "column",
"axisTitles": {2 keys
"category": "Week",
"value": "Task completion"
},
"data": {2 keys
"columns": [2 items
"Week",
{2 keys
"name": "Task completion",
"format": "0%"
}
],
"rows": [4 items
[2 items
"1",
0.68
],
[2 items
"2",
0.72
],
[2 items
"3",
0.76
],
[2 items
"4",
0.84
]
]
}
}
},
{2 keys
"region": "charts",
"chart": {3 keys
"type": "bar",
"axisTitles": {1 key
"value": "Median task time (min)"
},
"data": {2 keys
"columns": [2 items
"Team",
{2 keys
"name": "Median task time (min)",
"format": "0.0"
}
],
"rows": [2 items
[2 items
"A",
5.8
],
[2 items
"B",
6.7
]
]
}
}
}
]
}
],
"catalogs": {1 key
"default": {1 key
"source": "https://www.pptx.gallery"
}
}
}

Regions, in reading order

This layout is one list of 3 regions, declared once. The list runs as a column; a split nests a list that runs the other way. Each size is a share of its parent’s width (row) or height (column).

Schematic of the list: each box is drawn in proportion to its size; an auto entry gets a fixed band. Dashed boxes are heading regions.

Column, stacked, top to bottom. No anchor is written on the layout: body regions start at the top unless they set their own.

  1. 1titleauto

    auto, the height the content needs

    Heading region: holds the slide’s title, with its tag and subtitle. It takes a size and no content rules.

  2. 2kpis40%

    size 2: 40% of what the auto entries leave

    Accepts
    metric
    Role
    secondary
    Flow
    grid, up to 6 blocks
    Anchor
    top (default)
  3. 3charts60%

    size 3: 60% of what the auto entries leave

    Accepts
    charttable
    Role
    primary
    Flow
    grid, up to 6 blocks
    Anchor
    top (default)
Layout structure and reference fields
How automatic composition differs

Try dynamic composition

Explore how a text slide reflows as you change its content and shape. These examples use OPF’s shared composition rules; the copied document includes your choices.

Let the content find its spaceStart with the decision. State what the audience should understand or do.Show the evidence. Give each supporting idea enough space to be read.Make the next step clear. Keep the action specific and easy to remember.

All sample text fits within its content boxes.

View the complete OPF example
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "Dynamic composition example",
  "design": {
    "dimensions": {
      "widthInches": 13.333333333333334,
      "heightInches": 7.5
    }
  },
  "slides": [
    {
      "title": "Let the content find its space",
      "composition": {
        "mode": "auto"
      },
      "blocks": [
        {
          "text": "Start with the decision. State what the audience should understand or do."
        },
        {
          "text": "Show the evidence. Give each supporting idea enough space to be read."
        },
        {
          "text": "Make the next step clear. Keep the action specific and easy to remember."
        }
      ]
    }
  ]
}

Composition rules and examples as JSON · Pagination rules and example JSON

Related Layouts

Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.

Visuals

Chart beside

Pair a chart with an explanation of its result. Keep the text focused on the pattern or decision supported by the data.

/layouts/chart-beside

Visuals

Chart

Give a chart enough space to show its evidence. Use the title to state the conclusion and labels to explain the measures.

/layouts/chart

Text

Two columns

Place two bodies of content beside each other. Use it for paired explanations or an argument with supporting evidence. Pictures remain visible in full unless an explicit fit overrides the layout default.

/layouts/two-column

Mixed

Hero

Combine a prominent visual or message with supporting content. Use it when one element should lead the audience into the details.

/layouts/hero

Visuals

Table beside

Place a table beside its interpretation. Use the supporting text to explain the conclusion without repeating every cell.

/layouts/table-beside

Visuals

Image beside

Explain a visual alongside its supporting text. Use the text to direct attention to the meaningful parts of the image.

/layouts/image-beside