1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <svg viewBox=
"0 0 100 100" xmlns=
"http://www.w3.org/2000/svg">
4 <!-- arrowhead marker definition -->
5 <marker id=
"arrow" viewBox=
"0 0 10 10" refX=
"5" refY=
"5"
6 markerWidth=
"6" markerHeight=
"6"
7 orient=
"auto-start-reverse">
8 <path d=
"M 0 0 L 10 5 L 0 10 z" />
11 <marker id=
"arrow2" viewBox=
"0 0 10 10" refX=
"5" refY=
"5"
12 markerWidth=
"6" markerHeight=
"6"
13 orient=
"auto-start-reverse">
14 <path d=
"M 0 0 L 10 5 L 0 10 z" />
19 <!-- Coordinate axes with a arrowhead in both direction -->
20 <polyline points=
"10,10 10,90 90,90" fill=
"none" stroke=
"black"
21 marker-start=
"url(#arrow)" marker-end=
"url(#arrow2)" />