Layout Pattern
Chart 3x Top Vertical Title Left SlideImage
Chart 3x Top Vertical Title Left SlideImage OPF layout with 3 chart zones in a vertical reading flow and a slide title.
Chart3 zonesCenter alignedTitledSlide imageVertical flow
How to Use It
Chart 3x Top Vertical Title Left SlideImage OPF layout with 3 chart zones in a vertical reading flow and a slide title. OPF placeholders: title, chart, chart, chart.
Content Zones
The decorative slide image is recorded in OPF. The current preview and PowerPoint exporter omit this separate image region; content images are supported.
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.
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 3x Bottom Vertical Title Left SlideImage
Chart 3x Bottom Vertical Title Left SlideImage OPF layout with 3 chart zones in a vertical reading flow and a slide title.
/layouts/chart-3x-bottom-vertical-title-left-slideimage
Data Evidence
Chart 3x Bottom Vertical Title Left
Chart 3x Bottom Vertical Title Left OPF layout with 3 chart zones in a vertical reading flow and a slide title.
/layouts/chart-3x-bottom-vertical-title-left
Data Evidence
Chart 3x Top Vertical Title Left
Chart 3x Top Vertical Title Left OPF layout with 3 chart zones in a vertical reading flow and a slide title.
/layouts/chart-3x-top-vertical-title-left
Data Evidence
Chart 3x Left Title Center SlideImage
Chart 3x Left Title Center SlideImage OPF layout with 3 chart zones and a slide title.
/layouts/chart-3x-left-title-center-slideimage
Data Evidence
Chart 3x Right Title Center SlideImage
Chart 3x Right Title Center SlideImage OPF layout with 3 chart zones and a slide title.
/layouts/chart-3x-right-title-center-slideimage
Data Evidence
Chart 3x Title Center SlideImage
Chart 3x Title Center SlideImage OPF layout with 3 chart zones and a slide title.
/layouts/chart-3x-title-center-slideimage
OPF Config
layouts:chart-3x-top-vertical-title-left-slideimageOpen Presentation Format
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/chart-3x-top-vertical-title-left-slideimage",
"tags": [
"gallery:layouts/chart-3x-top-vertical-title-left-slideimage"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "chart-3x-top-vertical-title-left-slideimage",
"title": "Chart 3x Top Vertical Title Left SlideImage",
"blocks": [
{
"chart": {
"type": "column",
"data": {
"columns": [
"Series",
"Q1",
"Q2",
"Q3"
],
"rows": [
[
"Revenue",
12,
19,
27
]
]
}
}
},
{
"chart": {
"type": "column",
"data": {
"columns": [
"Series",
"Q1",
"Q2",
"Q3"
],
"rows": [
[
"Revenue",
12,
19,
27
]
]
}
}
},
{
"chart": {
"type": "column",
"data": {
"columns": [
"Series",
"Q1",
"Q2",
"Q3"
],
"rows": [
[
"Revenue",
12,
19,
27
]
]
}
}
}
],
"design": {
"contentBox": false,
"contentAlignment": "center",
"titleAlignment": "left",
"contentDirection": "vertical",
"chartPrimary": "top",
"slideImage": {
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAEOCAMAAABmRDRVAAAB4FBMVEXs6P+Pet+Xg+KbiOOikObs5//q5f6Ldd61pP+Ldt7X0PjAtPCMd964qu3r5/+woOvq5v6Od9+nlui3qu2SfeDk3/zp5f7Kv/Pc1frp5P7QxvXk4P2NeN+Ped/i2/ykkubf2PrRyPbi3PzTyvaun+ro4/3n4f3CtvHNw/S/sP+RfeDa0/nm4f+Tf+G/sf/Iu//d1f+5qP/o4//p5P/c1P/JvvPXzv+UgOHb1PnCtP/Iuv/h2/u2pv+9rf/Gu/LHvfK4qP+TfeDBtfC8rf+xo+vWzvjIvvPHu/+ejOXOxPXk3vydjOTr5v/Yzv+tnOni3P+Zh+OSfOCnl+isnOnY0PizpOzn4v3l4P3c1vrWzvebh+O5qf+fjOXIvfOciuSahuOnlue8r+7h3Pvb1fnf2vutnuq+r/+RfODHuv+VguGMdt61p+yYheOomOizpeyUgeHTy/eol+jc1f+3pv+3pf/LwvTZ0f/Xz//l4P/Pxf+5qv/Nwf/j3f/a0v/Jvf/PxP/n4f/Z0P++rv/Asf/Guv/Pw//Wzv+9rv+8rP+6qv+6qf+2pf/Wzf/FuP/q5/+9r/+9se/m4P/o5P/IvP+QfODZ0v/Lv//b0v/Dtf/Bs//LwP/Nwv+WguLn4//MwP/q5v+FCVUYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAI3ElEQVR4nO2dCV9UVRiHrwuegyJhBbbZatkYsSolQlpUBGm2EFFkqxGVlaHmvuZatu/7V+1nKgqembudc95l/s8HGM69728Qn/eZO0kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPhlW9+x6cpg98BA92Bl+ljfNs8vDyjpudA/aecx2X+mB1NRQVf/gHUy0NlFfTZQluZ1X9gaTG1tLv0jACEz39oUzq7DgMTSftRm4Ov91OcExThy3V9WbjZ/XvAHAEq2HLKZOfovZiWNng3Z52vt739Tnxfk43hHnvlaO9We8wcAUtoH883X2iFMWBC9Od+/F6n8QH1qkJUtuf79vcKGLZl/AKDljyLztfYQ5iaDn4vN19oT1CcHWdi/ueiAN+MPLQlMF52vtdPUZwfpzBSfr7XYH7KnOXV/VIuT2B5y50SZ+VqLvQN3KuUGPIW3MG+6ys3XWuz/edNfdsCd1FcAatG7u+yAB9BacuZC2fla20d9DSCM5LgCfkdzZrL8gA9SXwOozrby87UWn2rhS5+PAW+lvgpQldM+Bnyg+usDYk75GPAw9VWAUJ7yEh3VXx8Qc87HgAeprwJUpdvHgL+s/vqAmD0+BvwV9VWAqmDAyun28Q7Gr2i+nPMxYPyRxZeKjwHjv0l8OeVjwBAdfDntY8BQlXzp8zFgLBuUrwsPU18FqM7B8vPFwl91VGntj9TXAGpwpvyA99V6fUBML7JZ5fSXfQMjquRNV9kB46Mrum1lB/X5QQr4+Khyms+WeQPj06PK/xWeoT49SGe4+HzxJ7QE2gs/Rmnye+qzgywcKTrgI5leHpDzT7H5/kl9bhD0YaS/fZP19YHIxwn3UJ8aZKd9KO98h47neHkg7pH+FTyHVPWXcmzopT4vCPm1Or/g7yuJ/Jrxkyz4YiyptOOr7bQzczLt7TuFR0Rr/nrZCr5eVj7rOquUeLs70efMsmx5Ipfevs7z86d7vnMf/mt0lZWN5hPZj8o+vO/YcMdQ95493UMdwwe24vMpc7jtDmPM6haq4YDALF1gLvLcEtxpldxy8//zNeazNuqjgADcufDyfI25637cYXXcvmh2vsYsfoD6OMAzty6+Zr7GPNOKO6yKJTfOma8xi+6lPhLwSMMN8+ZrzJvv4A7r4abr5mvMwrupTwV8scwxX2MeeRR3WAcrG50DNg8/RH0y4E1QOln7FO6wGkHpZMF91KcD3gSlk1X34A6rEZROVjxIfULgTVA6aXoad1iNoHTy4WPUpwTeBKWTxidwh9UISjeSQ616xiUoMWHtgtKN8BSvLqkmKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKOWleOOr6y8jKyMo3fC9h2M7jXm5IakryglKURNuWLPi4umerK+MrKSgFJTijb51+XTv1dMT3UoLSjEp3sjjs6d7qX6e6OZBUMpI8do+uvZKX6yXJ7p5EZQSUryJN+oyI/MkKN1wuofbV9VlRuZNULphcw9bP3ac7vVXEu14FJSsU7xdHzhP9yyP0wkRlHxTvJa3m6qc7jUGp5MjKLmmeDtqXObzGxO9+BeULFO8vWs5n06YoOSX4o2vTjndp+8mSgkiKLmleGM7OZ9OoqBkleI1XFotpPDC0kQhwQQloxRv9MpqIYX3X03UEVBQsknxRq6uFuouBQ0qKHmkeG1zVgt1loIGFpQcUryJeauFukpBgwtK+hRv+3WrhRSa1idqiCAoiVO8VtdqIYWmTYkSoghK0lBrl3u1kELjmkQFkQQl3YRbqq4WUmhcliggmqCkSvF2LFaXgjIVlDQp3t6aqwX9E44pKAlSvPG01UIa0pP4uIIyeoo3lr5aSEN2Eh9bUMZN8RoyrRbSkJzExxeUMVO80YyrhTTkJvEUgjJeijeSebWQhtQknkZQRkrx2vKsFiTl3PwFZZQUbyLfakFMzi1DUIaP3bbnXS2kIS+JJxWUgVO81gKrhTSkJfHEgjJo7Lar0GohDWFJPLWgDJfitRRdLaQhKomnF5ShUqgd4f60EJTEcxCUYVKovaVWC1qSeB6CMkAKNV52taAjieciKL2neGPlVwsakng+gtJvitfgZbUgP4nnJCh9pnijnlYL0pN4XoLSX0Yx4m21IDuJ5yYoPU24zedqQXISz09QeknxJvyuFuQm8RwFpZtcKZ731YLYJJ6loCyb4oVYLQhN4pkKynIpXpjVgsgknq2gLJFRBFstCAymGQvKwhlFwNWCuAmzFpQFU7ygqwVhSTxzQVkkxQu9WhCVxLMXlPlTvPCrBUFJvARBmW/JHmW1ICaJlyEo86R4kVYLQpJ4KYIy+5I92mpBRBIvR1BmTPFirhYkJPGCBGWmFWzc1UIa9Em8KEGZYQUbe7XAPYkXJijTVrAEqwXeSbw4QVk7xSNZLXBO4gUKyhopHtlqgW0SL1JQVk3xCFcLTJP4jX8ZPXy3/ifDFppvKRArKAVCkcQLFpQCiZ/EixaUAomdxAsXlAKJnMRLF5QCiZrEyxeUAomYxGsQlAKJlsTrEJQCiZTEaxGUAomSxOsRlBIJH0wLLSjVEHrCEJTUhE3iISjpCZnEQ1ByIFwSD0HJg2BJPAQlEwIl8RCUbAiSxENQMiJAEg9BaVQn8RCURnUSD0GpO4mHoNSdxENQ6k7iISh1J/EQlGzx8pR4CErlSTwEpe4kHoJSdxIPQak7iYeg1J3EQ1DqTuIhKHUn8RCUupN4CErdSTwEpe5gGoJS94QhKJUn8RCUupN4CErdSTwEpe4kHoJSdxIPQak7iYeg1J3EQ1DqTuIhKHUn8RCUupN4CErdSTwEpfIkHoJSdxIPQak7iYeg1J3EQ1DqTuIhKHUn8RCUupN4CErdSTwEpe4kHoJSdxIPQak7iYegVJ7EQ1AazSz/D76HoVW3eOQzAAAAAElFTkSuQmCC",
"position": "background"
}
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "chart-3x-top-vertical-title-left-slideimage",
"name": "Chart_3x_Top_Vertical_Title_Left_SlideImage",
"label": "Chart 3x Top Vertical Title Left SlideImage",
"contentAlignment": "Center",
"contentBox": false,
"contentMultiple": "3x",
"contentTypeChartPrimary": "Top",
"contentTypeImageFill": "None",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"contentType": "Chart",
"groupDefault": false,
"groupHash": "fcb556b0f74d7cee368d226dc725ce18a0bd1c8f67f78fe1654caea40251355e",
"master": "Dark",
"masterSlideIndex": 171,
"slideImage": true,
"slideImageAlignment": "Background",
"slideLayoutDirection": "Vertical",
"slideTitle": true,
"slideTitleAlignment": "Left",
"summary": "Canonical OPF chart 3x title slide image vertical layout.",
"description": "Chart 3x Top Vertical Title Left SlideImage OPF layout with 3 chart zones in a vertical reading flow and a slide title.",
"tags": [
"Chart",
"3 zones",
"Center aligned",
"Titled",
"Slide image",
"Vertical flow"
],
"preview": {},
"details": "Chart 3x Top Vertical Title Left SlideImage OPF layout with 3 chart zones in a vertical reading flow and a slide title. OPF placeholders: title, chart, chart, chart.",
"category": "data-evidence",
"zones": [
{
"role": "title",
"placeholder": "title"
},
{
"role": "chart",
"placeholder": "chart content 2"
},
{
"role": "chart",
"placeholder": "chart content 3"
},
{
"role": "chart",
"placeholder": "chart content 4"
}
],
"spatialCategory": "3 zone column",
"contentTypeTags": [
"comparison",
"mixed",
"chart"
],
"placeholders": [
{
"type": "title"
},
{
"type": "chart"
},
{
"type": "chart"
},
{
"type": "chart"
}
],
"composition": {
"mode": "column",
"weights": [
2,
1,
1
]
},
"slideSubtitle": false
}
]
}
}
}Open in OPF PlaygroundOpen in visual editor
Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.