<?xml version="1.0" encoding="UTF-8"?> <svg width="1200" height="800" viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style> .title { font: bold 24px 'Arial'; fill: #2F4F4F; } .phase { font: bold 18px 'Arial'; fill: #FFFFFF; } .text { font: 14px 'Arial'; fill: #333333; } .arrow { stroke: #666666; stroke-width: 2; marker-end: url(#arrowhead); } </style> <!-- Define arrowhead marker --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#666666"/> </marker> </defs> <!-- Title --> <text x="600" y="60" class="title" text-anchor="middle">Technical Roadmap for Medicinal Diet Intervention Study</text> <!-- Phase 1: Data Preparation --> <rect x="100" y="120" rx="10" ry="10" width="300" height="180" fill="#4A90E2"/> <text x="250" y="150" class="phase" text-anchor="middle">Phase 1</text> <text x="250" y="180" class="phase" text-anchor="middle">Data Preparation</text> <text x="250" y="220" class="text" text-anchor="middle">• Data Collection</text> <text x="250" y="250" class="text" text-anchor="middle">• Data Cleaning</text> <text x="250" y="280" class="text" text-anchor="middle">• Feature Engineering</text> <!-- Phase 2: Random Forest Model --> <rect x="500" y="120" rx="10" ry="10" width="300" height="180" fill="#50C878"/> <text x="650" y="150" class="phase" text-anchor="middle">Phase 2</text> <text x="650" y="180" class="phase" text-anchor="middle">Model Implementation</text> <text x="650" y="220" class="text" text-anchor="middle">• Parameter Setting</text> <text x="650" y="250" class="text" text-anchor="middle">• Model Training</text> <text x="650" y="280" class="text" text-anchor="middle">• Multi-output Prediction</text> <!-- Phase 3: Validation & Optimization --> <rect x="900" y="120" rx="10" ry="10" width="300" height="180" fill="#FFA500"/> <text x="1050" y="150" class="phase" text-anchor="middle">Phase 3</text> <text x="1050" y="180" class="phase" text-anchor="middle">Validation & Optimization</text> <text x="1050" y="220" class="text" text-anchor="middle">• Cross-validation</text> <text x="1050" y="250" class="text" text-anchor="middle">• Performance Metrics</text> <text x="1050" y="280" class="text" text-anchor="middle">• Model Refinement</text> <!-- Phase 4: Discussion & Conclusion --> <rect x="500" y="400" rx="10" ry="10" width="300" height="180" fill="#FF6B6B"/> <text x="650" y="430" class="phase" text-anchor="middle">Phase 4</text> <text x="650" y="460" class="phase" text-anchor="middle">Discussion & Conclusion</text> <text x="650" y="500" class="text" text-anchor="middle">• Key Factor Analysis</text> <text x="650" y="530" class="text" text-anchor="middle">• Model Practical Value</text> <text x="650" y="560" class="text" text-anchor="middle">• System Integration</text> <!-- Arrows --> <path d="M400,210 L500,210" class="arrow"/> <path d="M800,210 L900,210" class="arrow"/> <path d="M650,300 L650,400" class="arrow"/> <!-- Legend --> <rect x="50" y="650" width="200" height="120" fill="#F0F0F0" rx="5"/> <text x="150" y="680" class="text" text-anchor="middle">Legend</text> <rect x="70" y="700" width="20" height="20" fill="#4A90E2"/> <text x="100" y="715" class="text">Data Preparation</text> <rect x="70" y="730" width="20" height="20" fill="#50C878"/> <text x="100" y="745" class="text">Model Implementation</text> <rect x="70" y="760" width="20" height="20" fill="#FFA500"/> <text x="100" y="775" class="text">Validation & Optimization</text> </svg>