<svg width="1000" height="700" xmlns="http://www.w3.org/2000/svg" font-family="Arial, sans-serif"> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#333" /> </marker> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="2" dy="2" stdDeviation="3" flood-color="#aaa"/> </filter> </defs> <rect width="100%" height="100%" fill="#ffffff" /> <g transform="translate(300, 40)"> <rect x="0" y="0" width="400" height="60" rx="8" fill="#E1F5FE" stroke="#00629B" stroke-width="2" filter="url(#shadow)"/> <text x="200" y="25" text-anchor="middle" font-weight="bold" fill="#00629B" font-size="16">Initialization Phase</text> <text x="200" y="45" text-anchor="middle" fill="#333" font-size="14">Load-Balanced Constructive Heuristic</text> </g> <line x1="500" y1="100" x2="500" y2="140" stroke="#333" stroke-width="2" marker-end="url(#arrow)" /> <rect x="50" y="140" width="900" height="420" rx="15" fill="#FAFAFA" stroke="#666" stroke-width="2" stroke-dasharray="5,5"/> <text x="80" y="170" font-weight="bold" fill="#666" font-size="18">ALNS Iteration Loop</text> <g transform="translate(100, 200)"> <rect x="0" y="0" width="220" height="180" rx="5" fill="#FFF3E0" stroke="#FF8C00" stroke-width="2" filter="url(#shadow)"/> <text x="110" y="25" text-anchor="middle" font-weight="bold" fill="#D84315" font-size="14">Destroy Operators</text> <text x="20" y="60" fill="#333" font-size="12">• Random Removal</text> <text x="20" y="90" fill="#333" font-size="12">• Worst Removal (Critical Path)</text> <text x="20" y="120" fill="#333" font-size="12">• Phase Removal (Fleet Size)</text> <text x="20" y="150" fill="#333" font-size="12">• Shaw Removal (Spatio-Temporal)</text> </g> <line x1="320" y1="290" x2="380" y2="290" stroke="#333" stroke-width="2" marker-end="url(#arrow)" /> <g transform="translate(380, 200)"> <rect x="0" y="0" width="220" height="180" rx="5" fill="#E8F5E9" stroke="#2E7D32" stroke-width="2" filter="url(#shadow)"/> <text x="110" y="25" text-anchor="middle" font-weight="bold" fill="#1B5E20" font-size="14">Repair Operators</text> <text x="20" y="70" fill="#333" font-size="12">• Hierarchical Greedy</text> <text x="20" y="110" fill="#333" font-size="12">• Hierarchical Regret-k</text> <text x="110" y="150" text-anchor="middle" fill="#2E7D32" font-style="italic" font-size="11">(Lexicographical Sorting)</text> </g> <line x1="600" y1="290" x2="660" y2="290" stroke="#FF8C00" stroke-width="3" stroke-dasharray="4,2" marker-end="url(#arrow)" /> <g transform="translate(660, 180)"> <rect x="0" y="0" width="250" height="220" rx="5" fill="#FFFDE7" stroke="#FBC02D" stroke-width="3" filter="url(#shadow)"/> <text x="125" y="25" text-anchor="middle" font-weight="bold" fill="#F57F17" font-size="14">Hybrid Refueling Solver</text> <rect x="50" y="45" width="150" height="30" rx="3" fill="#fff" stroke="#666"/> <text x="125" y="65" text-anchor="middle" font-size="11">Check: Energy &lt; 0 ?</text> <line x1="125" y1="75" x2="125" y2="95" stroke="#333" stroke-width="1" marker-end="url(#arrow)" /> <rect x="30" y="95" width="190" height="35" rx="3" fill="#fff" stroke="#666"/> <text x="125" y="110" text-anchor="middle" font-size="10">Minimize Latency:</text> <text x="125" y="125" text-anchor="middle" font-size="10">Detour + Service Time</text> <line x1="125" y1="130" x2="80" y2="155" stroke="#333" stroke-width="1" /> <line x1="125" y1="130" x2="170" y2="155" stroke="#333" stroke-width="1" /> <rect x="20" y="155" width="100" height="40" rx="3" fill="#E1F5FE" stroke="#0277BD"/> <text x="70" y="175" text-anchor="middle" font-size="10" font-weight="bold">SWAP</text> <text x="70" y="188" text-anchor="middle" font-size="9">(Fixed Time)</text> <rect x="130" y="155" width="100" height="40" rx="3" fill="#E1F5FE" stroke="#0277BD"/> <text x="180" y="175" text-anchor="middle" font-size="10" font-weight="bold">CHARGE</text> <text x="180" y="188" text-anchor="middle" font-size="9">(Variable Time)</text> </g> <line x1="500" y1="560" x2="500" y2="600" stroke="#333" stroke-width="2" marker-end="url(#arrow)" /> <g transform="translate(250, 600)"> <rect x="0" y="0" width="500" height="70" rx="8" fill="#F3E5F5" stroke="#7B1FA2" stroke-width="2" filter="url(#shadow)"/> <text x="250" y="25" text-anchor="middle" font-weight="bold" fill="#7B1FA2" font-size="16">Lexicographical Evaluation Function</text> <text x="250" y="50" text-anchor="middle" fill="#333" font-family="serif" font-style="italic" font-size="16"> Cost = &lt; Makespan, Total Distance &gt; </text> </g> </svg>