PPTX.gallery

Layout Pattern

Heatmap / Cohort Grid

Color-intensity grid showing patterns across two dimensions. Surfaces trends that tables hide.

ChartPatternsCohortsRetention

How to Use It

Color-intensity grid showing patterns across two dimensions. Surfaces trends that tables hide. OPF placeholders: title, chart.

Content Zones

heatmap-cohort 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

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

OPF Config

layouts:heatmap-cohort
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — layouts/heatmap-cohort",
  "tags": [
    "gallery:layouts/heatmap-cohort"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "heatmap-cohort",
      "title": "Heatmap / Cohort Grid",
      "chart": {
        "type": "column",
        "data": {
          "columns": [
            "Category",
            "Revenue"
          ],
          "rows": [
            [
              "Q1",
              12
            ],
            [
              "Q2",
              19
            ],
            [
              "Q3",
              27
            ]
          ]
        }
      },
      "design": {
        "contentBox": false,
        "contentAlignment": "left",
        "titleAlignment": "left",
        "contentDirection": "horizontal"
      }
    }
  ]
}
Open in visual editorOpen in Inspector

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