{"componentChunkName":"component---src-templates-simple-markdown-js","path":"/cpm/developer/rest-api/reference/graphic-get/","matchPath":"","result":{"data":{"markdownRemark":{"html":"

Graphic

\n

api-version: 2.0

\n

Retrieves a specific graphic's .svg file.

\n
\n
\n
Copy
\n
Copied
\n
\n 
GET /{collectionId}/{storageId}/_api/rest/diagram/{diagramId}/render/{cultureId}/{layoutKey}
\n
\n

Parameters

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameInRequiredTypeDescription
collectionIdpathtruestringThe ID of the storage collection.
storageIdpathtruestringThe ID of the tenant.
diagramIdpathtruestringThe ID of the diagram.
cultureIdpathtruestringThe ID of the diagram language / localization.
layoutKeypathtruestringThe layout key for the diagram. \\Possible values: detailed / vertical / horizontal / verticalSwimlane/ horizontalSwimlane / graphic / processMatrix / customerMatrix / entityRelationship
\n

Responses

\n

Success 200

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameTypeDescription
svgimage/svg+xmlThe Scalable vector graphics format that represents the graphic of the diagram in the selected layout.
\n

Error 4xx

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameTypeDescription
messagestringThe error message
typeOperationResultTypeThe result type.
dataErrorThe list of errors.
\n

Example

\n

Get a diagram of the diagram with the ID provided

\n

Request

\n
\n
\n
Copy
\n
Copied
\n
\n 
GET https://demo.symbioworld.com/pz/showcase/_api/rest/diagram/fa596aef-fa06-4f5c-9b55-e7c36a478c2a/render/1033/detailed
\n
\n

Reponse (200 OK)

\n
\n
\n \n \n \n \n \n \n \n Start\n \n \n \n \n \n \n \n \n Task\n \n \n \n \n \n \n \n \n \n End\n \n \n \n \n \n \n \n \n \n \n `, `62181259389205670000`)\"\n >\n
Copy
\n
Copied
\n
\n 
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"161\" height=\"277\" style=\"background-color: Transparent\" version=\"1.1\" shape-rendering=\"crispEdges\" text-rendering=\"crispEdges\">\n    <script type=\"text/javascript\">\n        <![CDATA[\n            if (PZ != null && PZ.Sy != null && PZ.Sy.BasePlugin != null && PZ.Sy.BasePlugin.Diagram != null) {\n                PZ.Sy.BasePlugin.Diagram.DisplayedAttributeTypes = ['AT_NAME'];\n                PZ.Sy.BasePlugin.Diagram.DisplayedItemTypes = ['OT_FUNC', 'OTX_EV_START', 'OTX_EV_END'];\n            }\n        ]]>\n    </script>\n    <g>\n        <!-- STX_EV_START /W:500 /H:215 -->\n        <rect x=\"14.5\" y=\"14.5\" rx=\"0\" ry=\"0\" width=\"141\" height=\"61\" style=\"stroke:NONE; stroke-width:0px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#A6A6A6; fill-opacity:1;\" />\n        <ellipse cx=\"144.5669\" cy=\"44.64567\" rx=\"7.086614\" ry=\"7.086614\" style=\"shape-rendering:auto; stroke:#FFFFFF; stroke-width:1px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#A6A6A6; fill-opacity:1;\" />\n        <rect x=\"18.5\" y=\"18.5\" rx=\"0\" ry=\"0\" width=\"114\" height=\"53\" style=\"stroke:NONE; stroke-width:0px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#FFFFFF; fill-opacity:1;\" />\n        <text class=\"\" x=\"19.5\" y=\"29.84669\" text-anchor=\"start\" style=\"fill:#444444;font-family:Segoe UI;font-weight:400;font-style:normal;font-size:8.775pt;text-decoration:none;\">\n            <tspan class=\"\" x=\"19.5\" dy=\"0\">Start</tspan>\n        </text>\n    </g>\n    <rect id=\"G1_53099ec8-b6f1-42f4-a5e3-b421788756be_1\" title=\"\" data-pz-guid=\"53099ec8-b6f1-42f4-a5e3-b421788756be\" data-pz-type=\"OTX_EV_START\" data-pz-shape-id=\"f95b8180-04e6-49c5-9488-6c5c45016370\" data-pz-diagram-id=\"\" class=\"\" onclick=\"parent.Symbol_Click(this, '53099ec8-b6f1-42f4-a5e3-b421788756be');\" onmouseover=\"parent.Symbol_MouseOver(this);\" onmouseout=\"parent.Symbol_MouseOut(this);\" x=\"14.5\" y=\"14.5\" width=\"142\" height=\"61\" style=\"z-index:10001; stroke:#000; stroke-opacity:0.0; fill:#000; fill-opacity:0.0; cursor:pointer;\" />\n    <g>\n        <!-- ST_FUNC /W:500 /H:260 -->\n        <rect x=\"14.5\" y=\"103.5\" rx=\"0\" ry=\"0\" width=\"141\" height=\"74\" style=\"stroke:NONE; stroke-width:1px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#00B2F8; fill-opacity:1;\" />\n        <rect x=\"18.5\" y=\"107.5\" rx=\"0\" ry=\"0\" width=\"114\" height=\"66\" style=\"stroke:NONE; stroke-width:0px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#FFFFFF; fill-opacity:1;\" />\n        <text class=\"\" x=\"19.5\" y=\"118.8467\" text-anchor=\"start\" style=\"fill:#444444;font-family:Segoe UI;font-weight:400;font-style:normal;font-size:8.775pt;text-decoration:none;\">\n            <tspan class=\"\" x=\"19.5\" dy=\"0\">Task</tspan>\n        </text>\n    </g>\n    <rect id=\"G1_73025cc3-a96c-437d-9029-9abfcded29bd_1\" title=\"\" data-pz-guid=\"73025cc3-a96c-437d-9029-9abfcded29bd\" data-pz-type=\"OT_FUNC\" data-pz-shape-id=\"894a3412-9328-4941-918a-235e0df229bd\" data-pz-diagram-id=\"\" class=\"\" onclick=\"parent.Symbol_Click(this, '73025cc3-a96c-437d-9029-9abfcded29bd');\" onmouseover=\"parent.Symbol_MouseOver(this);\" onmouseout=\"parent.Symbol_MouseOut(this);\" x=\"14.5\" y=\"103.5\" width=\"142\" height=\"74\" style=\"z-index:10002; stroke:#000; stroke-opacity:0.0; fill:#000; fill-opacity:0.0; cursor:pointer;\" />\n    <g>\n        <!-- STX_EV_END /W:500 /H:215 -->\n        <rect x=\"14.5\" y=\"205.5\" rx=\"0\" ry=\"0\" width=\"141\" height=\"61\" style=\"stroke:NONE; stroke-width:0px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#A6A6A6; fill-opacity:1;\" />\n        <ellipse cx=\"144.5669\" cy=\"235.9842\" rx=\"7.086614\" ry=\"7.086614\" style=\"shape-rendering:auto; stroke:#FFFFFF; stroke-width:3px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#A6A6A6; fill-opacity:1;\" />\n        <rect x=\"18.5\" y=\"209.5\" rx=\"0\" ry=\"0\" width=\"114\" height=\"53\" style=\"stroke:NONE; stroke-width:0px; stroke-linecap:round; stroke-dasharray:; stroke-opacity:1; fill:#FFFFFF; fill-opacity:1;\" />\n        <text class=\"\" x=\"19.5\" y=\"220.8467\" text-anchor=\"start\" style=\"fill:#444444;font-family:Segoe UI;font-weight:400;font-style:normal;font-size:8.775pt;text-decoration:none;\">\n            <tspan class=\"\" x=\"19.5\" dy=\"0\">End</tspan>\n        </text>\n    </g>\n    <rect id=\"G1_82ed394a-a89c-46db-beb7-c981d6db163f_1\" title=\"\" data-pz-guid=\"82ed394a-a89c-46db-beb7-c981d6db163f\" data-pz-type=\"OTX_EV_END\" data-pz-shape-id=\"9d0036d6-9f08-4930-8c53-403c1206aeb6\" data-pz-diagram-id=\"\" class=\"\" onclick=\"parent.Symbol_Click(this, '82ed394a-a89c-46db-beb7-c981d6db163f');\" onmouseover=\"parent.Symbol_MouseOver(this);\" onmouseout=\"parent.Symbol_MouseOut(this);\" x=\"14.5\" y=\"205.5\" width=\"142\" height=\"61\" style=\"z-index:10003; stroke:#000; stroke-opacity:0.0; fill:#000; fill-opacity:0.0; cursor:pointer;\" />\n    <g>\n        <defs>\n            <marker id=\"defb455676e73d744fe928c357d27b7114a\" viewBox=\"0 0 5 10\" refX=\"5\" refY=\"5\" markerUnits=\"userSpaceOnUse\" markerWidth=\"10\" markerHeight=\"10\" orient=\"90\">\n                <path d=\"M 0,0 l 5,5 l -5,5 z\" style=\"fill:#878787; stroke:none; stroke-width:0.0pt;\" />\n            </marker>\n        </defs>\n        <polyline fill=\"none\" points=\" 85.5,74.5 85.5,103.5\" style=\"stroke:#878787; stroke-opacity:1.0; stroke-width:1pt; stroke-dasharray:; fill:; fill-opacity:;\" marker-start=\"\" marker-end=\"url(#defb455676e73d744fe928c357d27b7114a)\" data-pz-shape-id=\"49166811-fb2a-4ea7-bb30-d6f1bee19906\" />\n    </g>
\n
\n

Definitions

\n

SVG

\n

Scalable vector graphics - An XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.

\n

OperationResultType

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameType
criticalstring
errorstring
warningstring
successstring
unauthorizedstring
\n

Error

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
NameTypeDescription
errorstringThe error message.
","headings":[{"value":"Graphic","depth":1},{"value":"Parameters","depth":2},{"value":"Responses","depth":2},{"value":"Success 200","depth":3},{"value":"Error 4xx","depth":3},{"value":"Example","depth":2},{"value":"Get a diagram of the diagram with the ID provided","depth":3},{"value":"Request","depth":4},{"value":"Reponse (200 OK)","depth":4},{"value":"Definitions","depth":2},{"value":"SVG","depth":3},{"value":"OperationResultType","depth":3},{"value":"Error","depth":3}]},"contentItem":{"data":{"lastModified":"2025-09-10T14:16:09.000Z","enableToc":null,"disableLastModified":null,"tocMaxDepth":null,"requestLogin":false}},"siteConfig":{"enableToc":false,"disableLastModified":false,"tocMaxDepth":4}},"pageContext":{"matchPath":"","id":"525d22be-90a6-58f4-91f6-f294d1dc0387__redocly content/cpm/developer/rest-api/reference/graphic-get/","seo":{"title":"Graphic","description":null,"image":"","keywords":null,"jsonLd":null,"lang":null,"siteUrl":null},"pageId":"cpm/developer/rest-api/reference/graphic-get.md","pageBaseUrl":"/cpm/developer/rest-api/reference/graphic-get","type":"markdown","toc":{"enable":true,"maxDepth":4,"headings":[{"depth":1,"value":"Graphic","id":"graphic"},{"depth":2,"value":"Parameters","id":"parameters"},{"depth":2,"value":"Responses","id":"responses"},{"depth":3,"value":"Success 200","id":"success-200"},{"depth":3,"value":"Error 4xx","id":"error-4xx"},{"depth":2,"value":"Example","id":"example"},{"depth":3,"value":"Get a diagram of the diagram with the ID provided","id":"get-a-diagram-of-the-diagram-with-the-id-provided"},{"depth":4,"value":"Request","id":"request"},{"depth":4,"value":"Reponse (200 OK)","id":"reponse-200-ok"},{"depth":2,"value":"Definitions","id":"definitions"},{"depth":3,"value":"SVG","id":"svg"},{"depth":3,"value":"OperationResultType","id":"operationresulttype"},{"depth":3,"value":"Error","id":"error"}]},"data":{"title":""},"catalogInfo":null,"link":"/cpm/developer/rest-api/reference/graphic-get/","sidebarName":"celonis","isLanding":false,"showPrevButton":null,"showNextButton":null,"apiVersions":null,"apiVersionId":null,"isDefaultApiVersion":null}},"staticQueryHashes":["1123603147","1302185487","1344209882","1398840060","1520077861","1975142765","2667623876","2950305614","3240152602","3743992808","561138138"]}