 
                     outTable += $.trim """
                       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 #{viewWidth} #{viewHeight}">
-                        <path marker-end='url(##{color}arrowhead)' stroke-width='15' fill='none' stroke='#{color}' d='M#{startx},#{starty} #{turnType}#{smoothx},#{smoothy} #{extraPoint}#{endx},#{endy}' />
+                        <path d='M#{arrowStartx},#{arrowStarty} #{arrowMove} L#{arrowEndx},#{arrowEndy} Z' fill='#{color}' #{transform}/>
+                        <path stroke-width='15' fill='none' stroke='#{color}' d='M#{startx},#{starty} #{turnType}#{smoothx},#{smoothy} #{extraPoint}#{endx},#{endy}' />
                       </svg>
                     """
                 outTable += "</td>"

                    turnType = "S" # S = smooth, L = line, C = cubic bezier (for k-turn)
                    extraPoint = "" # extra inflection point for cubic bezier


                    switch turn
                        when 0

                            turnType = "C"
                            extraPoint = "60,-10 "

                            arrowStartx = 30
                            arrowStarty = 120
                            arrowMove = "H90"
                            arrowEndx = 60
                            arrowEndy = 180


                    color = switch maneuvers[speed][turn]
                        when 1 then "white"
                        when 2 then "green"
