Skip to content
Novus Examples
drawio1.5 KB

draw.io Diagram (XML)

A draw.io (diagrams.net) diagram in its native mxGraphModel XML — a small flowchart — for testing draw.io import/export and XML parsing of diagram files.

Preview — first 26 linesdrawio
<mxfile host="app.diagrams.net" modified="2026-01-15T00:00:00.000Z" agent="Novus Examples" version="24.0.0">
  <diagram id="order-flow" name="Order flow">
    <mxGraphModel dx="640" dy="480" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="n1" value="Order received" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="80" y="40" width="160" height="40" as="geometry" />
        </mxCell>
        <mxCell id="n2" value="In stock?" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="100" y="120" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="n3" value="Ship" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="80" y="220" width="160" height="40" as="geometry" />
        </mxCell>
        <mxCell id="e1" style="edgeStyle=orthogonalEdgeStyle;html=1;" edge="1" parent="1" source="n1" target="n2">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="e2" value="Yes" style="edgeStyle=orthogonalEdgeStyle;html=1;" edge="1" parent="1" source="n2" target="n3">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>

Specifications

Format
draw.io / diagrams.net (mxGraphModel XML)
Shapes
3
Edges
2

What is a .drawio file?

A DRAWIO file is a diagram in draw.io / diagrams.net's native format — an XML document (mxGraphModel) describing shapes, styles, geometry, and connections. It is the working format the draw.io editor saves and re-opens.

How to use this file

Use an example draw.io file to test import/export, mxGraphModel XML parsing, and conversion of diagram files to images.

Generated by generation/data_dev_artifacts.py. Free for any use, no attribution required — license.