PPTX.gallery

Layout Pattern

Chart 3x

A title above three charts, each followed by a text block, in three columns. Use it for a small-multiples view of three metrics, regions or cohorts.

ChartChartsMulti-chartTriads

How to Use It

A title above three charts, each followed by a text block, in three columns. Use it for a small-multiples view of three metrics, regions or cohorts. OPF placeholders: title, chart, text, chart, text, chart, text.

Content Zones

chart-3x layout example

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 areas.

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.

Data Evidence

Chart 2x

A title above two charts, each followed by a text block, in two columns. Use it to compare two series, two periods or two segments side by side.

/layouts/chart-2x

Data Evidence

Chart 1x

A title above one chart with a text block beside it. Use it for a single trend, comparison or distribution plus the sentence that says what it means.

/layouts/chart-1x

Data Evidence

Chart 2x SlideImage

Chart 2x SlideImage OPF layout with 2 chart zones.

/layouts/chart-2x-slideimage

Data Evidence

Chart 2x Title Center

Chart 2x Title Center OPF layout with 2 chart zones and a slide title.

/layouts/chart-2x-title-center

Data Evidence

Chart 2x Title Center SlideImage

Chart 2x Title Center SlideImage OPF layout with 2 chart zones and a slide title.

/layouts/chart-2x-title-center-slideimage

Data Evidence

Chart 2x Vertical Title Left

Chart 2x Vertical Title Left OPF layout with 2 chart zones in a vertical reading flow and a slide title.

/layouts/chart-2x-vertical-title-left

OPF Config

layouts:chart-3x
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — layouts/chart-3x",
  "tags": [
    "gallery:layouts/chart-3x"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "chart-3x",
      "title": "Chart 3x",
      "blocks": [
        {
          "chart": {
            "type": "column",
            "data": {
              "columns": [
                "Category",
                "Revenue"
              ],
              "rows": [
                [
                  "Q1",
                  12
                ],
                [
                  "Q2",
                  19
                ],
                [
                  "Q3",
                  27
                ]
              ]
            }
          }
        },
        {
          "text": "Explain the evidence."
        },
        {
          "chart": {
            "type": "column",
            "data": {
              "columns": [
                "Category",
                "Revenue"
              ],
              "rows": [
                [
                  "Q1",
                  12
                ],
                [
                  "Q2",
                  19
                ],
                [
                  "Q3",
                  27
                ]
              ]
            }
          }
        },
        {
          "text": "A clear supporting point."
        },
        {
          "chart": {
            "type": "column",
            "data": {
              "columns": [
                "Category",
                "Revenue"
              ],
              "rows": [
                [
                  "Q1",
                  12
                ],
                [
                  "Q2",
                  19
                ],
                [
                  "Q3",
                  27
                ]
              ]
            }
          }
        },
        {
          "text": "Describe the next step."
        }
      ],
      "design": {
        "contentBox": false,
        "contentAlignment": "center",
        "contentDirection": "horizontal"
      }
    }
  ]
}
Open in visual editorOpen in Inspector

Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.

View registry.json