docs/training_visual_1.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="560" viewBox="0 0 1200 560">
  <rect width="1200" height="560" fill="#f3f3f3"/>
  <text x="600" y="34" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="26" fill="#222">Rolling Average Training Reward Over Episodes by Task</text>
  <line x1="80" y1="500" x2="1120" y2="500" stroke="#555" stroke-width="2"/>
  <line x1="80" y1="70" x2="80" y2="500" stroke="#555" stroke-width="2"/>
  <text x="600" y="545" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="18" fill="#333">Episode</text>
  <text x="24" y="300" transform="rotate(-90 24 300)" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="18" fill="#333">Rolling Average Reward</text>

  <polyline fill="none" stroke="#1f77b4" stroke-width="4" points="90,475 200,474 300,473 400,473 500,472 600,472 700,472 800,471 900,471 1000,470"/>
  <polyline fill="none" stroke="#ff7f0e" stroke-width="4" points="90,430 130,340 180,290 230,360 280,300 340,350 400,305 460,330 520,300 580,335 640,290 700,325 760,300 820,355 880,315 940,290 1000,320 1060,300"/>
  <polyline fill="none" stroke="#2ca02c" stroke-width="4" points="90,450 120,500 160,280 200,220 240,340 280,260 320,180 360,230 400,190 440,210 480,260 520,220 560,200 600,250 640,220 680,200 720,300 760,230 800,200 840,280 880,180 920,230 960,210 1000,190 1040,320 1080,240"/>

  <rect x="930" y="90" width="190" height="120" fill="#fff" stroke="#bbb"/>
  <text x="1025" y="120" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="16" fill="#111">Task</text>
  <line x1="950" y1="145" x2="990" y2="145" stroke="#1f77b4" stroke-width="4"/><text x="1000" y="151" font-family="Segoe UI, Arial, sans-serif" font-size="14" fill="#111">task1</text>
  <line x1="950" y1="170" x2="990" y2="170" stroke="#ff7f0e" stroke-width="4"/><text x="1000" y="176" font-family="Segoe UI, Arial, sans-serif" font-size="14" fill="#111">task2</text>
  <line x1="950" y1="195" x2="990" y2="195" stroke="#2ca02c" stroke-width="4"/><text x="1000" y="201" font-family="Segoe UI, Arial, sans-serif" font-size="14" fill="#111">task3</text>
</svg>