discount-flowchart.svg 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <svg xmlns="http://www.w3.org/2000/svg" width="720" height="1380" viewBox="0 0 720 1380" font-family="Segoe UI, Arial, sans-serif">
  3. <defs>
  4. <marker id="arrow" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">
  5. <path d="M0,0 L6,3 L0,6 Z" fill="#333"/>
  6. </marker>
  7. <style>
  8. .label { font-size: 13px; fill: #111; }
  9. .small { font-size: 12px; fill: #333; }
  10. .shape { fill: #fff; stroke: #222; stroke-width: 1.5; }
  11. .line { stroke: #333; stroke-width: 1.5; fill: none; marker-end: url(#arrow); }
  12. </style>
  13. </defs>
  14. <!-- ' -->
  15. <ellipse cx="360" cy="40" rx="90" ry="26" class="shape"/>
  16. <text x="360" y="45" text-anchor="middle" class="label">'</text>
  17. <line x1="360" y1="66" x2="360" y2="92" class="line" marker-end="url(#arrow)"/>
  18. <!-- 2>4 -->
  19. <polygon points="220,92 500,92 470,132 250,132" class="shape"/>
  20. <text x="360" y="108" text-anchor="middle" class="small">2>4: &  F5=0, !  A:84:0 %,</text>
  21. <text x="360" y="124" text-anchor="middle" class="small">  ?>@>3 ?>4A25B:8</text>
  22. <line x1="360" y1="132" x2="360" y2="168" class="line"/>
  23. <!-- 5H5=85 1 -->
  24. <polygon points="360,168 470,218 360,268 250,218" class="shape"/>
  25. <text x="360" y="212" text-anchor="middle" class="small">& d 0</text>
  26. <text x="360" y="228" text-anchor="middle" class="small"> ! d 0?</text>
  27. <!--  -> left -->
  28. <line x1="250" y1="218" x2="170" y2="218" class="line"/>
  29. <line x1="170" y1="218" x2="170" y2="300" class="line"/>
  30. <text x="210" y="210" class="small"></text>
  31. <rect x="70" y="300" width="200" height="44" rx="4" class="shape"/>
  32. <text x="170" y="327" text-anchor="middle" class="small">&_8B>3 := &</text>
  33. <!-- " -> right -->
  34. <line x1="470" y1="218" x2="550" y2="218" class="line"/>
  35. <line x1="550" y1="218" x2="550" y2="300" class="line"/>
  36. <text x="510" y="210" class="small">"</text>
  37. <rect x="450" y="300" width="200" height="58" rx="4" class="shape"/>
  38. <text x="550" y="322" text-anchor="middle" class="small">&_8B>3 :=  #(</text>
  39. <text x="550" y="338" text-anchor="middle" class="small">& × (1  !/100); 2)</text>
  40. <!-- merge to decision 2 -->
  41. <line x1="170" y1="344" x2="170" y2="390" class="line"/>
  42. <line x1="550" y1="358" x2="550" y2="390" class="line"/>
  43. <line x1="170" y1="390" x2="550" y2="390" class="line"/>
  44. <line x1="360" y1="390" x2="360" y2="420" class="line"/>
  45. <!-- 5H5=85 2 -->
  46. <polygon points="360,420 470,470 360,520 250,470" class="shape"/>
  47. <text x="360" y="464" text-anchor="middle" class="small">! &gt; 0</text>
  48. <text x="360" y="480" text-anchor="middle" class="small"> & &gt; 0?</text>
  49. <!--  left -->
  50. <line x1="250" y1="470" x2="170" y2="470" class="line"/>
  51. <line x1="170" y1="470" x2="170" y2="552" class="line"/>
  52. <text x="210" y="462" class="small"></text>
  53. <rect x="40" y="552" width="260" height="58" rx="4" class="shape"/>
  54. <text x="170" y="574" text-anchor="middle" class="small"> 568< := ?5@5GQ@:=CB0O &</text>
  55. <text x="170" y="590" text-anchor="middle" class="small">+ 8B>3>20O &_8B>3</text>
  56. <!-- " right -->
  57. <line x1="470" y1="470" x2="550" y2="470" class="line"/>
  58. <line x1="550" y1="470" x2="550" y2="552" class="line"/>
  59. <text x="510" y="462" class="small">"</text>
  60. <rect x="450" y="552" width="200" height="44" rx="4" class="shape"/>
  61. <text x="550" y="579" text-anchor="middle" class="small"> 568< := B>;L:> &</text>
  62. <!-- merge to decision 3 -->
  63. <line x1="170" y1="610" x2="170" y2="650" class="line"/>
  64. <line x1="550" y1="596" x2="550" y2="650" class="line"/>
  65. <line x1="170" y1="650" x2="550" y2="650" class="line"/>
  66. <line x1="360" y1="650" x2="360" y2="680" class="line"/>
  67. <!-- 5H5=85 3 -->
  68. <polygon points="360,680 450,730 360,780 270,730" class="shape"/>
  69. <text x="360" y="736" text-anchor="middle" class="small">! &gt; ?</text>
  70. <!--  left -->
  71. <line x1="270" y1="730" x2="190" y2="730" class="line"/>
  72. <line x1="190" y1="730" x2="190" y2="812" class="line"/>
  73. <text x="230" y="722" class="small"></text>
  74. <rect x="50" y="812" width="280" height="44" rx="4" class="shape"/>
  75. <text x="190" y="839" text-anchor="middle" class="small">>4A25B:0 := HighlightBackground</text>
  76. <!-- " right -->
  77. <line x1="450" y1="730" x2="530" y2="730" class="line"/>
  78. <line x1="530" y1="730" x2="530" y2="812" class="line"/>
  79. <text x="490" y="722" class="small">"</text>
  80. <rect x="430" y="812" width="200" height="44" rx="4" class="shape"/>
  81. <text x="530" y="839" text-anchor="middle" class="small">>4A25B:0 := >1KG=K9 D>=</text>
  82. <!-- merge to output -->
  83. <line x1="190" y1="856" x2="190" y2="900" class="line"/>
  84. <line x1="530" y1="856" x2="530" y2="900" class="line"/>
  85. <line x1="190" y1="900" x2="530" y2="900" class="line"/>
  86. <line x1="360" y1="900" x2="360" y2="930" class="line"/>
  87. <!-- K2>4 -->
  88. <polygon points="210,930 510,930 480,980 240,980" class="shape"/>
  89. <text x="360" y="952" text-anchor="middle" class="small">K2>4: &_8B>3, 568<,</text>
  90. <text x="360" y="968" text-anchor="middle" class="small">>4A25B:0</text>
  91. <line x1="360" y1="980" x2="360" y2="1020" class="line"/>
  92. <!-- & -->
  93. <ellipse cx="360" cy="1050" rx="90" ry="26" class="shape"/>
  94. <text x="360" y="1055" text-anchor="middle" class="label">&</text>
  95. <!-- Legend -->
  96. <text x="40" y="1120" class="small" font-weight="bold">1>7=0G5=8O:</text>
  97. <ellipse cx="70" cy="1145" rx="28" ry="12" class="shape"/>
  98. <text x="110" y="1149" class="small">B5@<8=0B>@ (=0G0;> / :>=5F)</text>
  99. <polygon points="40,1165 100,1165 90,1185 50,1185" class="shape"/>
  100. <text x="110" y="1180" class="small">40==K5 (22>4 / 2K2>4)</text>
  101. <rect x="42" y="1195" width="56" height="24" rx="3" class="shape"/>
  102. <text x="110" y="1212" class="small">?@>F5AA</text>
  103. <polygon points="70,1235 95,1250 70,1265 45,1250" class="shape"/>
  104. <text x="110" y="1254" class="small">@5H5=85 (40 / =5B)</text>
  105. </svg>