JSFiddle - React, Tailwind, and code Playground

by m1erickson

HTML

<svg width="300" height="100">

<defs>
  <marker id="arrow" markerWidth="13" markerHeight="13" refx="2" refy="6" orient="auto">
      <path d="M2,1 L2,10 L10,6 L2,2" style="fill:red;" />
  </marker>
</defs>

<path d="M30,150 L100,50"
      style="stroke:red; stroke-width: 1.25px; fill: none;
      marker-end: url(#arrow);"
/>
    
</svg>