docs/training_visual_2.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="28" fill="#222">Average Reward Per Step Over Training</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">Average Reward Per Step</text>

  <polyline fill="none" stroke="#1f77b4" stroke-width="4" points="90,220 110,420 130,280 150,450 170,320 190,470 210,360 230,490 250,250 270,380 290,520 310,440 330,260 350,240 370,470 390,240 410,390 430,230 450,270 470,510 490,230 510,220 530,500 550,230 570,340 590,220 610,230 630,225 650,420 670,230 690,320 710,180 730,140 750,260 770,190 790,120 810,240 830,110 850,200 870,130 890,170 910,120 930,160 950,100 970,130 990,90 1010,140 1030,100 1050,150 1070,130 1090,120"/>
</svg>