| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Business Process Flowchart Template |
| 6 | Purpose: Business process mapping, decision trees, operations guide |
| 7 | Use cases: SOPs, development pipelines, approval workflows |
| 8 | --> |
| 9 | <defs> |
| 10 | <!-- Arrow Markers --> |
| 11 | <marker id="arrowMain" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto"> |
| 12 | <path d="M 0,0 L 10,5 L 0,10 Z" fill="#64748B" /> |
| 13 | </marker> |
| 14 | <marker id="arrowOrange" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto"> |
| 15 | <path d="M 0,0 L 10,5 L 0,10 Z" fill="#F97316" /> |
| 16 | </marker> |
| 17 | </defs> |
| 18 | <!-- Background --> |
| 19 | <rect width="1280" height="720" fill="#F8FAFC" /> |
| 20 | <!-- ==================== Header ==================== --> |
| 21 | <g id="header" data-pptx-bounds="40 15 1200 125"> |
| 22 | <text x="60" y="70" font-size="32" font-weight="800" fill="#0F172A">Business Process Flow</text> |
| 23 | <text x="60" y="100" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1.5">STANDARD OPERATING PROCEDURE · PIPELINE FLOWCHART</text> |
| 24 | </g> |
| 25 | <!-- ==================== Process Arrows ==================== --> |
| 26 | <g id="process-connectors" data-pptx-bounds="118 165 1019 378"> |
| 27 | <!-- Start -> Req --> |
| 28 | <line x1="200" y1="200" x2="275" y2="200" stroke="#64748B" stroke-width="3" marker-end="url(#arrowMain)" /> |
| 29 | <!-- Req -> Decision --> |
| 30 | <line x1="460" y1="200" x2="535" y2="200" stroke="#64748B" stroke-width="3" marker-end="url(#arrowMain)" /> |
| 31 | <!-- Decision -> Design (Yes) --> |
| 32 | <line x1="700" y1="200" x2="795" y2="200" stroke="#64748B" stroke-width="3" marker-end="url(#arrowMain)" /> |
| 33 | <rect x="735" y="188" width="30" height="24" rx="4" fill="#F8FAFC" /> |
| 34 | <text x="750" y="205" font-size="13" font-weight="700" fill="#10B981" text-anchor="middle">Yes</text> |
| 35 | <!-- Decision -> Re-eval (No) --> |
| 36 | <line x1="620" y1="250" x2="620" y2="315" stroke="#F97316" stroke-width="3" marker-end="url(#arrowOrange)" /> |
| 37 | <rect x="605" y="270" width="30" height="24" rx="4" fill="#F8FAFC" /> |
| 38 | <text x="620" y="287" font-size="13" font-weight="700" fill="#EF4444" text-anchor="middle">No</text> |
| 39 | <!-- Re-eval -> Req (Loop back) --> |
| 40 | <line x1="530" y1="360" x2="370" y2="360" stroke="#F97316" stroke-width="3" stroke-dasharray="6 4" stroke-linecap="round" /> |
| 41 | <line x1="370" y1="360" x2="370" y2="245" stroke="#F97316" stroke-width="3" stroke-dasharray="6 4" stroke-linecap="round" marker-end="url(#arrowOrange)" /> |
| 42 | <!-- Design -> Dev --> |
| 43 | <line x1="890" y1="240" x2="890" y2="315" stroke="#64748B" stroke-width="3" marker-end="url(#arrowMain)" /> |
| 44 | <!-- Dev -> Test --> |
| 45 | <line x1="890" y1="400" x2="890" y2="475" stroke="#64748B" stroke-width="3" marker-end="url(#arrowMain)" /> |
| 46 | <!-- Test -> Complete --> |
| 47 | <line x1="980" y1="520" x2="1055" y2="520" stroke="#64748B" stroke-width="3" marker-end="url(#arrowMain)" /> |
| 48 | </g> |
| 49 | <!-- ==================== Process Nodes ==================== --> |
| 50 | <g id="processFlowNodes" data-pptx-bounds="0 123 1280 464"> |
| 51 | <!-- Start Node --> |
| 52 | <g id="process-start-node" data-pptx-authoring="preset" data-pptx-object="shape" data-pptx-prst="flowChartTerminator" data-pptx-frame="60 160 140 80" fill="#334155" stroke="none"> |
| 53 | <path d="M 82.52 160 L 177.48 160 A 22.52 40 0 0 1 177.48 240 L 82.52 240 A 22.52 40 0 0 1 82.52 160 Z"/> |
| 54 | </g> |
| 55 | <text x="130" y="198" font-size="18" font-weight="800" fill="#FFFFFF" text-anchor="middle">Start</text> |
| 56 | <text x="130" y="218" font-weight="600" fill="#94A3B8" text-anchor="middle">Initiation</text> |
| 57 | <!-- Requirements Node --> |
| 58 | <rect x="280" y="160" width="180" height="80" rx="10" fill="#3B82F6" /> |
| 59 | <text x="370" y="195" font-size="17" font-weight="800" fill="#FFFFFF" text-anchor="middle">Requirements</text> |
| 60 | <rect x="330" y="210" width="80" height="20" rx="10" fill="#1D4ED8" fill-opacity="0.5" /> |
| 61 | <text x="370" y="224" font-weight="600" fill="#DBEAFE" text-anchor="middle">1-2 Days</text> |
| 62 | <!-- Decision Node --> |
| 63 | <g id="process-decision-node" data-pptx-authoring="preset" data-pptx-object="shape" data-pptx-prst="flowChartDecision" data-pptx-frame="540 150 160 100" fill="#F59E0B" stroke="none"> |
| 64 | <path d="M 540 200 L 620 150 L 700 200 L 620 250 Z"/> |
| 65 | </g> |
| 66 | <text x="620" y="196" font-size="16" font-weight="800" fill="#FFFFFF" text-anchor="middle">Feasible?</text> |
| 67 | <text x="620" y="216" font-weight="700" fill="#FEF3C7" text-anchor="middle">Review</text> |
| 68 | <!-- Solution Design Node --> |
| 69 | <rect x="800" y="160" width="180" height="80" rx="10" fill="#3B82F6" /> |
| 70 | <text x="890" y="195" font-size="17" font-weight="800" fill="#FFFFFF" text-anchor="middle">Solution Design</text> |
| 71 | <rect x="850" y="210" width="80" height="20" rx="10" fill="#1D4ED8" fill-opacity="0.5" /> |
| 72 | <text x="890" y="224" font-weight="600" fill="#DBEAFE" text-anchor="middle">3-5 Days</text> |
| 73 | <!-- Development Node --> |
| 74 | <rect x="800" y="320" width="180" height="80" rx="10" fill="#3B82F6" /> |
| 75 | <text x="890" y="355" font-size="17" font-weight="800" fill="#FFFFFF" text-anchor="middle">Development</text> |
| 76 | <rect x="850" y="370" width="80" height="20" rx="10" fill="#1D4ED8" fill-opacity="0.5" /> |
| 77 | <text x="890" y="384" font-weight="600" fill="#DBEAFE" text-anchor="middle">7-14 Days</text> |
| 78 | <!-- Testing Node --> |
| 79 | <rect x="800" y="480" width="180" height="80" rx="10" fill="#3B82F6" /> |
| 80 | <text x="890" y="515" font-size="17" font-weight="800" fill="#FFFFFF" text-anchor="middle">Testing</text> |
| 81 | <rect x="850" y="530" width="80" height="20" rx="10" fill="#1D4ED8" fill-opacity="0.5" /> |
| 82 | <text x="890" y="544" font-weight="600" fill="#DBEAFE" text-anchor="middle">2-3 Days</text> |
| 83 | <!-- Exception Node (Re-evaluate) --> |
| 84 | <rect x="530" y="320" width="180" height="80" rx="10" fill="#FFFFFF" stroke="#F97316" stroke-width="2.5" /> |
| 85 | <text x="620" y="355" font-size="17" font-weight="800" fill="#C2410C" text-anchor="middle">Re-evaluate</text> |
| 86 | <rect x="575" y="370" width="90" height="20" rx="10" fill="#FFEDD5" /> |
| 87 | <text x="620" y="384" font-weight="700" fill="#9A3412" text-anchor="middle">Adjust Scope</text> |
| 88 | <!-- Complete Node --> |
| 89 | <g id="process-complete-node" data-pptx-authoring="preset" data-pptx-object="shape" data-pptx-prst="flowChartTerminator" data-pptx-frame="1060 480 140 80" fill="#334155" stroke="none"> |
| 90 | <path d="M 1082.52 480 L 1177.48 480 A 22.52 40 0 0 1 1177.48 560 L 1082.52 560 A 22.52 40 0 0 1 1082.52 480 Z"/> |
| 91 | </g> |
| 92 | <text x="1130" y="518" font-size="18" font-weight="800" fill="#FFFFFF" text-anchor="middle">Complete</text> |
| 93 | <text x="1130" y="538" font-weight="600" fill="#94A3B8" text-anchor="middle">Deployment</text> |
| 94 | </g> |
| 95 | <!-- ==================== Data Panels ==================== --> |
| 96 | <!-- Legend Box --> |
| 97 | <g id="legend-panel" data-pptx-bounds="33 446 254 208"> |
| 98 | <rect x="60" y="460" width="200" height="180" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5" /> |
| 99 | <text x="160" y="495" font-size="15" font-weight="800" fill="#0F172A" text-anchor="middle">Legend</text> |
| 100 | <rect x="80" y="520" width="30" height="20" rx="4" fill="#3B82F6" /> |
| 101 | <text x="125" y="535" font-size="13" font-weight="600" fill="#475569">Process Step</text> |
| 102 | <g id="legend-decision-node" data-pptx-authoring="preset" data-pptx-object="shape" data-pptx-prst="diamond" data-pptx-frame="75 555 40 20" fill="#F59E0B" stroke="none"> |
| 103 | <path d="M 75 565 L 95 555 L 115 565 L 95 575 Z"/> |
| 104 | </g> |
| 105 | <text x="125" y="570" font-size="13" font-weight="600" fill="#475569">Decision Node</text> |
| 106 | <rect x="80" y="590" width="30" height="20" rx="4" fill="#FFFFFF" stroke="#F97316" stroke-width="2" /> |
| 107 | <text x="125" y="605" font-size="13" font-weight="600" fill="#475569">Exception / Loop</text> |
| 108 | </g> |
| 109 | <!-- Metrics Box --> |
| 110 | <g id="time-metrics" data-pptx-bounds="248 446 304 208"> |
| 111 | <rect x="280" y="460" width="240" height="180" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5" /> |
| 112 | <text x="400" y="495" font-size="15" font-weight="800" fill="#0F172A" text-anchor="middle">Time Metrics</text> |
| 113 | <line x1="300" y1="510" x2="500" y2="510" stroke="#E2E8F0" stroke-width="1.5" /> |
| 114 | <text x="300" y="540" font-size="13" font-weight="600" fill="#64748B">Total Cycle:</text> |
| 115 | <text x="500" y="540" font-size="14" font-weight="800" fill="#2563EB" text-anchor="end">13-24 Days</text> |
| 116 | <text x="300" y="570" font-size="13" font-weight="600" fill="#64748B">Key Steps:</text> |
| 117 | <text x="500" y="570" font-size="14" font-weight="800" fill="#2563EB" text-anchor="end">4</text> |
| 118 | <text x="300" y="600" font-size="13" font-weight="600" fill="#64748B">Decisions:</text> |
| 119 | <text x="500" y="600" font-size="14" font-weight="800" fill="#F59E0B" text-anchor="end">1</text> |
| 120 | <text x="300" y="630" font-size="13" font-weight="600" fill="#64748B">Risk Level:</text> |
| 121 | <text x="500" y="630" font-size="14" font-weight="800" fill="#10B981" text-anchor="end">Low</text> |
| 122 | </g> |
| 123 | <!-- ==================== Footer ==================== --> |
| 124 | <g id="source" data-pptx-bounds="40 671 1200 39"> |
| 125 | <text x="60" y="695" font-size="13" font-weight="600" fill="#94A3B8">Process Version: v2.1 | Last Updated: 2025-11-09 | Process Management System</text> |
| 126 | </g> |
| 127 | </svg> |
| 128 |