APPS/glidr-content.git - git.mnsoft.org

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 300" width="500" height="300" style="background:white; font-family: Arial, sans-serif;">

  <defs>
    <marker id="arrowBlue" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
      <polygon points="0,0 10,3.5 0,7" fill="#2255aa"/>
    </marker>
    <marker id="arrowBlack" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
      <polygon points="0,0 10,3.5 0,7" fill="black"/>
    </marker>
    <marker id="arrowBlackRev" markerWidth="10" markerHeight="7" refX="1" refY="3.5" orient="auto">
      <polygon points="10,0 0,3.5 10,7" fill="black"/>
    </marker>
  </defs>

  <!-- The aerofoil is pitched up ~8 degrees. The chord line runs from ~(90,185) to ~(410,145).
       That's a rise of 40 over a run of 320, i.e. angle arctan(40/320) ~ 7.1 deg.
       Leading edge at left, trailing edge at right. -->

  <!-- Aerofoil transform: rotate -7 degrees around its center (250, 170) -->
  <g transform="rotate(-7, 250, 170)">
    <!-- Aerofoil shape centered at 250,170, chord from 90 to 410 -->
    <path d="
      M 90,170
      C 110,140 155,115 205,108
      C 255,100 315,102 370,115
      C 390,121 402,133 410,150
      C 395,155 380,160 370,162
      C 315,170 255,174 205,176
      C 155,178 110,178 90,170
      Z"
      fill="#d8e8f0" stroke="black" stroke-width="2"/>

    <!-- Chord line (dashed) -->
    <line x1="90" y1="170" x2="410" y2="150" stroke="#333" stroke-width="1.5" stroke-dasharray="8,5"/>
  </g>

  <!-- Relative wind (horizontal) arrow from left -->
  <!-- Arrow going right at y=170 (the level of the leading edge before rotation) -->
  <line x1="20" y1="188" x2="85" y2="188" stroke="#2255aa" stroke-width="2.5" marker-end="url(#arrowBlue)"/>
  <line x1="20" y1="175" x2="85" y2="175" stroke="#2255aa" stroke-width="2" marker-end="url(#arrowBlue)"/>
  <line x1="20" y1="162" x2="85" y2="162" stroke="#2255aa" stroke-width="2" marker-end="url(#arrowBlue)"/>
  <text x="52" y="210" text-anchor="middle" font-size="12" fill="#2255aa" font-weight="bold">Relative Wind</text>
  <text x="52" y="224" text-anchor="middle" font-size="11" fill="#2255aa">(Direction of Airflow)</text>

  <!-- Reference horizontal line for the angle (extended from leading edge, horizontal) -->
  <!-- Leading edge is at approximately (90, 170) after the rotation offset.
       With -7 deg rotation around (250,170), the leading edge moves to roughly:
       x' = 250 + (90-250)*cos(-7) - (170-170)*sin(-7) = 250 - 160*0.9925 = 250 - 158.8 = 91.2
       y' = 170 + (90-250)*sin(-7) + (170-170)*cos(-7) = 170 - 160*(-0.1219) = 170 + 19.5 = 189.5 ≈ 190
       So leading edge ≈ (91, 190). -->

  <!-- Horizontal dashed reference line from leading edge -->
  <line x1="91" y1="190" x2="280" y2="190" stroke="#888" stroke-width="1.2" stroke-dasharray="6,4"/>

  <!-- Arc for angle alpha: between horizontal (y=190 direction) and chord line direction
       Chord direction after -7 rotation: angle = 180 - 7 = 173 deg from positive x ...
       Actually the chord goes from LE(91,190) to TE. The angle is ~7 deg above horizontal.
       We draw a small arc from 0 deg to -7 deg (upward) -->
  <!-- Arc from horizontal direction (0 deg) curving up to chord direction (~-7 deg) -->
  <!-- SVG arc: center at LE (91,190), radius 55 -->
  <!-- Start angle 0 (east = right), end angle -7 deg (slightly above east) -->
  <!-- In SVG: angles measured clockwise from east -->
  <!-- Start point: (91+55, 190) = (146, 190) -->
  <!-- End point: 91+55*cos(-7deg), 190+55*sin(-7deg) = 91+54.6, 190-6.7 = (145.6, 183.3) -->
  <path d="M 146,190 A 55,55 0 0,0 145.5,183.2" fill="none" stroke="#c00" stroke-width="2"/>
  <!-- Alpha label -->
  <text x="155" y="191" text-anchor="start" font-size="16" fill="#c00" font-style="italic">α</text>
  <text x="175" y="191" text-anchor="start" font-size="13" fill="#c00">(angle of attack)</text>

  <!-- Labels -->
  <!-- Chord line label -->
  <!-- The chord line in the rotated aerofoil runs roughly from (91,190) to ~(408,167) -->
  <!-- Label it near the middle -->
  <text x="310" y="155" text-anchor="start" font-size="12" fill="#333" font-style="italic">Chord line</text>
  <line x1="308" y1="158" x2="280" y2="169" stroke="#555" stroke-width="0.8" stroke-dasharray="2,2"/>

  <!-- Leading edge label -->
  <text x="75" y="240" text-anchor="middle" font-size="11" fill="#444">Leading edge</text>
  <line x1="91" y1="227" x2="91" y2="193" stroke="#888" stroke-width="0.8" stroke-dasharray="2,2"/>

  <!-- Trailing edge label -->
  <!-- TE after rotation: x'=250+(410-250)*cos(-7)-(170-170)*sin(-7)=250+160*0.9925=408.8
       y'=170+(410-250)*sin(-7)+(170-170)*cos(-7)=170+160*(-0.1219)=170-19.5=150.5 -->
  <text x="415" y="148" text-anchor="start" font-size="11" fill="#444">Trailing edge</text>

  <!-- Title -->
  <text x="250" y="285" text-anchor="middle" font-size="14" font-weight="bold" fill="black">Angle of Attack (α)</text>

</svg>