<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 350" font-family="Arial, sans-serif">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#f8f9fa;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#e9ecef;stop-opacity:1" />
    </linearGradient>
  </defs>

  <rect width="700" height="350" rx="12" fill="url(#bg)" stroke="#dee2e6" stroke-width="1"/>

  <text x="350" y="35" text-anchor="middle" font-size="18" font-weight="bold" fill="#333">Verloop Frozen Shoulder</text>

  <!-- Axes -->
  <line x1="80" y1="280" x2="660" y2="280" stroke="#666" stroke-width="2"/>
  <line x1="80" y1="60" x2="80" y2="280" stroke="#666" stroke-width="2"/>

  <!-- Y-axis labels -->
  <text x="40" y="80" text-anchor="middle" font-size="11" fill="#666">Veel</text>
  <text x="40" y="270" text-anchor="middle" font-size="11" fill="#666">Weinig</text>
  <text x="40" y="175" text-anchor="middle" font-size="13" font-weight="bold" fill="#555" transform="rotate(-90, 40, 175)">Pijn &amp; stijfheid</text>

  <!-- X-axis label -->
  <text x="370" y="340" text-anchor="middle" font-size="13" font-weight="bold" fill="#555">Tijd (maanden)</text>

  <!-- Phase backgrounds -->
  <rect x="80" y="55" width="190" height="225" fill="#ff634730" rx="4"/>
  <rect x="270" y="55" width="200" height="225" fill="#ffa50030" rx="4"/>
  <rect x="470" y="55" width="190" height="225" fill="#4caf5030" rx="4"/>

  <!-- Phase labels -->
  <text x="175" y="75" text-anchor="middle" font-size="13" font-weight="bold" fill="#d32f2f">Freezing</text>
  <text x="175" y="92" text-anchor="middle" font-size="10" fill="#888">(2-9 maanden)</text>
  <text x="370" y="75" text-anchor="middle" font-size="13" font-weight="bold" fill="#e65100">Frozen</text>
  <text x="370" y="92" text-anchor="middle" font-size="10" fill="#888">(4-12 maanden)</text>
  <text x="565" y="75" text-anchor="middle" font-size="13" font-weight="bold" fill="#2e7d32">Thawing</text>
  <text x="565" y="92" text-anchor="middle" font-size="10" fill="#888">(5-24 maanden)</text>

  <!-- Pain curve (red dashed) -->
  <path d="M 80,250 C 130,240 160,120 200,100 C 240,80 260,90 290,110 C 320,130 370,150 420,180 C 470,210 530,240 620,260" fill="none" stroke="#d32f2f" stroke-width="3" stroke-dasharray="8,4"/>

  <!-- Stiffness curve (blue solid) -->
  <path d="M 80,260 C 130,250 170,200 220,160 C 270,120 300,100 340,95 C 380,90 420,92 450,95 C 480,98 520,130 560,180 C 600,230 640,255 660,260" fill="none" stroke="#1565c0" stroke-width="3"/>

  <!-- Legend -->
  <line x1="430" y1="305" x2="460" y2="305" stroke="#d32f2f" stroke-width="3" stroke-dasharray="8,4"/>
  <text x="465" y="309" font-size="12" fill="#555">Pijn</text>
  <line x1="510" y1="305" x2="540" y2="305" stroke="#1565c0" stroke-width="3"/>
  <text x="545" y="309" font-size="12" fill="#555">Stijfheid</text>

  <!-- "You are here" marker -->
  <circle cx="290" cy="110" r="8" fill="#ff9800" stroke="#fff" stroke-width="2"/>
  <line x1="290" y1="120" x2="290" y2="155" stroke="#ff9800" stroke-width="2"/>
  <rect x="245" y="155" width="90" height="22" rx="4" fill="#ff9800"/>
  <text x="290" y="170" text-anchor="middle" font-size="11" font-weight="bold" fill="#fff">Ik ben hier</text>
</svg>
