BPMN to PNG Converter

Send BPMN 2.0 XML to API and get PNG diagram

Paste BPMN 2.0 XML

<?xml version="1.0" encoding="UTF-8"?>
<bpmn2:definitions xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" id="sample-diagram" targetNamespace="http://bpmn.io/schema/bpmn">
  <bpmn2:process id="PayrollProcess" name="Payroll Process" isExecutable="false">
    <bpmn2:startEvent id="StartEvent" name="Start Payroll">
      <bpmn2:outgoing>Flow_StartToCollect</bpmn2:outgoing>
    </bpmn2:startEvent>
    <bpmn2:task id="CollectTimeData" name="Collect Employee Time Data">
      <bpmn2:incoming>Flow_StartToCollect</bpmn2:incoming>
      <bpmn2:outgoing>Flow_CollectToCalculate</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:task id="CalculateHours" name="Calculate Hours Worked">
      <bpmn2:incoming>Flow_CollectToCalculate</bpmn2:incoming>
      <bpmn2:outgoing>Flow_CalculateToDeductions</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:task id="CalculateDeductions" name="Calculate Deductions">
      <bpmn2:incoming>Flow_CalculateToDeductions</bpmn2:incoming>
      <bpmn2:outgoing>Flow_DeductionsToNetPay</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:task id="CalculateNetPay" name="Calculate Net Pay">
      <bpmn2:incoming>Flow_DeductionsToNetPay</bpmn2:incoming>
      <bpmn2:outgoing>Flow_NetPayToReport</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:task id="GenerateReport" name="Generate Payroll Report">
      <bpmn2:incoming>Flow_NetPayToReport</bpmn2:incoming>
      <bpmn2:outgoing>Flow_ReportToGateway</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:exclusiveGateway id="ApprovalGateway" name="Approval Required?">
      <bpmn2:incoming>Flow_ReportToGateway</bpmn2:incoming>
      <bpmn2:outgoing>Flow_GatewayToApprove</bpmn2:outgoing>
      <bpmn2:outgoing>Flow_GatewayToProcess</bpmn2:outgoing>
    </bpmn2:exclusiveGateway>
    <bpmn2:task id="ApprovePayroll" name="Approve Payroll">
      <bpmn2:incoming>Flow_GatewayToApprove</bpmn2:incoming>
      <bpmn2:outgoing>Flow_ApproveToProcess</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:task id="ProcessPayment" name="Process Payment">
      <bpmn2:incoming>Flow_GatewayToProcess</bpmn2:incoming>
      <bpmn2:incoming>Flow_ApproveToProcess</bpmn2:incoming>
      <bpmn2:outgoing>Flow_ProcessToSend</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:task id="SendPayslips" name="Send Payslips to Employees">
      <bpmn2:incoming>Flow_ProcessToSend</bpmn2:incoming>
      <bpmn2:outgoing>Flow_SendToEnd</bpmn2:outgoing>
    </bpmn2:task>
    <bpmn2:endEvent id="EndEvent" name="Payroll Complete">
      <bpmn2:incoming>Flow_SendToEnd</bpmn2:incoming>
    </bpmn2:endEvent>
    <bpmn2:sequenceFlow id="Flow_StartToCollect" sourceRef="StartEvent" targetRef="CollectTimeData" />
    <bpmn2:sequenceFlow id="Flow_CollectToCalculate" sourceRef="CollectTimeData" targetRef="CalculateHours" />
    <bpmn2:sequenceFlow id="Flow_CalculateToDeductions" sourceRef="CalculateHours" targetRef="CalculateDeductions" />
    <bpmn2:sequenceFlow id="Flow_DeductionsToNetPay" sourceRef="CalculateDeductions" targetRef="CalculateNetPay" />
    <bpmn2:sequenceFlow id="Flow_NetPayToReport" sourceRef="CalculateNetPay" targetRef="GenerateReport" />
    <bpmn2:sequenceFlow id="Flow_ReportToGateway" sourceRef="GenerateReport" targetRef="ApprovalGateway" />
    <bpmn2:sequenceFlow id="Flow_GatewayToApprove" name="Yes" sourceRef="ApprovalGateway" targetRef="ApprovePayroll" />
    <bpmn2:sequenceFlow id="Flow_GatewayToProcess" name="No" sourceRef="ApprovalGateway" targetRef="ProcessPayment" />
    <bpmn2:sequenceFlow id="Flow_ApproveToProcess" sourceRef="ApprovePayroll" targetRef="ProcessPayment" />
    <bpmn2:sequenceFlow id="Flow_ProcessToSend" sourceRef="ProcessPayment" targetRef="SendPayslips" />
    <bpmn2:sequenceFlow id="Flow_SendToEnd" sourceRef="SendPayslips" targetRef="EndEvent" />
  </bpmn2:process>
  <bpmndi:BPMNDiagram id="BPMNDiagram_Payroll">
    <bpmndi:BPMNPlane id="BPMNPlane_Payroll" bpmnElement="PayrollProcess">
      <bpmndi:BPMNShape id="_BPMNShape_StartEvent" bpmnElement="StartEvent">
        <dc:Bounds x="100" y="300" width="36" height="36" />
        <bpmndi:BPMNLabel>
          <dc:Bounds x="75" y="343" width="86" height="14" />
        </bpmndi:BPMNLabel>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_CollectTimeData" bpmnElement="CollectTimeData">
        <dc:Bounds x="200" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_CalculateHours" bpmnElement="CalculateHours">
        <dc:Bounds x="360" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_CalculateDeductions" bpmnElement="CalculateDeductions">
        <dc:Bounds x="520" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_CalculateNetPay" bpmnElement="CalculateNetPay">
        <dc:Bounds x="680" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_GenerateReport" bpmnElement="GenerateReport">
        <dc:Bounds x="840" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_ApprovalGateway" bpmnElement="ApprovalGateway" isMarkerVisible="true">
        <dc:Bounds x="1000" y="293" width="50" height="50" />
        <bpmndi:BPMNLabel>
          <dc:Bounds x="980" y="350" width="90" height="14" />
        </bpmndi:BPMNLabel>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_ApprovePayroll" bpmnElement="ApprovePayroll">
        <dc:Bounds x="1110" y="193" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_ProcessPayment" bpmnElement="ProcessPayment">
        <dc:Bounds x="1110" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_SendPayslips" bpmnElement="SendPayslips">
        <dc:Bounds x="1270" y="278" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="_BPMNShape_EndEvent" bpmnElement="EndEvent">
        <dc:Bounds x="1430" y="300" width="36" height="36" />
        <bpmndi:BPMNLabel>
          <dc:Bounds x="1405" y="343" width="86" height="14" />
        </bpmndi:BPMNLabel>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNEdge id="Flow_StartToCollect_di" bpmnElement="Flow_StartToCollect">
        <di:waypoint x="136" y="318" />
        <di:waypoint x="200" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_CollectToCalculate_di" bpmnElement="Flow_CollectToCalculate">
        <di:waypoint x="300" y="318" />
        <di:waypoint x="360" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_CalculateToDeductions_di" bpmnElement="Flow_CalculateToDeductions">
        <di:waypoint x="460" y="318" />
        <di:waypoint x="520" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_DeductionsToNetPay_di" bpmnElement="Flow_DeductionsToNetPay">
        <di:waypoint x="620" y="318" />
        <di:waypoint x="680" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_NetPayToReport_di" bpmnElement="Flow_NetPayToReport">
        <di:waypoint x="780" y="318" />
        <di:waypoint x="840" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_ReportToGateway_di" bpmnElement="Flow_ReportToGateway">
        <di:waypoint x="940" y="318" />
        <di:waypoint x="1000" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_GatewayToApprove_di" bpmnElement="Flow_GatewayToApprove">
        <di:waypoint x="1025" y="293" />
        <di:waypoint x="1025" y="233" />
        <di:waypoint x="1110" y="233" />
        <bpmndi:BPMNLabel>
          <dc:Bounds x="1020" y="250" width="20" height="14" />
        </bpmndi:BPMNLabel>
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_GatewayToProcess_di" bpmnElement="Flow_GatewayToProcess">
        <di:waypoint x="1025" y="343" />
        <di:waypoint x="1110" y="318" />
        <bpmndi:BPMNLabel>
          <dc:Bounds x="1050" y="330" width="20" height="14" />
        </bpmndi:BPMNLabel>
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_ApproveToProcess_di" bpmnElement="Flow_ApproveToProcess">
        <di:waypoint x="1160" y="233" />
        <di:waypoint x="1160" y="278" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_ProcessToSend_di" bpmnElement="Flow_ProcessToSend">
        <di:waypoint x="1210" y="318" />
        <di:waypoint x="1270" y="318" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_SendToEnd_di" bpmnElement="Flow_SendToEnd">
        <di:waypoint x="1370" y="318" />
        <di:waypoint x="1430" y="318" />
      </bpmndi:BPMNEdge>
    </bpmndi:BPMNPlane>
  </bpmndi:BPMNDiagram>
</bpmn2:definitions>

Ready