1 <svg viewBox=
"-10 -10 280 220" xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink">
3 <marker id=
"m" refX=
"5" refY=
"5" viewBox=
"0 0 10 10" overflow=
"visible">
4 <circle cx=
"5" cy=
"5" r=
"3" fill=
"black" stroke=
"black" fill-opacity=
"0.5"/>
6 <svg id=
"poly" viewBox=
"-10 -10 420 420">
7 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke=
"lime" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
9 <svg id=
"poly-f-m-s" viewBox=
"-10 -10 420 420">
10 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
11 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke=
"lime" stroke-width=
"50" stroke-opacity=
"0.5"/>
13 <svg id=
"poly-m-f-s" viewBox=
"-10 -10 420 420">
14 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
15 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke-width=
"50" stroke-opacity=
"0.5"/>
16 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke=
"lime" stroke-width=
"50" stroke-opacity=
"0.5"/>
18 <svg id=
"poly-s-m-f" viewBox=
"-10 -10 420 420">
19 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke=
"lime" stroke-width=
"50" stroke-opacity=
"0.5"/>
20 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
21 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke-width=
"50" stroke-opacity=
"0.5"/>
23 <svg id=
"poly-s-f-m" viewBox=
"-10 -10 420 420">
24 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke=
"lime" stroke-width=
"50" stroke-opacity=
"0.5"/>
25 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke-width=
"50" stroke-opacity=
"0.5"/>
26 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
28 <svg id=
"poly-m-s-f" viewBox=
"-10 -10 420 420">
29 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
30 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"none" stroke=
"lime" stroke-width=
"50" stroke-opacity=
"0.5"/>
31 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke-width=
"50" stroke-opacity=
"0.5"/>
35 <use xlink:
href=
"#poly" width=
"50" height=
"50"/>
36 <use xlink:
href=
"#poly" width=
"50" height=
"50" x=
"50"/>
38 <g transform=
"translate(0,50)">
39 <use xlink:
href=
"#poly" width=
"50" height=
"50" x=
"0"/>
40 <use xlink:
href=
"#poly" width=
"50" height=
"50" x=
"50"/>
41 <use xlink:
href=
"#poly" width=
"50" height=
"50" x=
"100"/>
42 <use xlink:
href=
"#poly-f-m-s" width=
"50" height=
"50" x=
"150"/>
43 <use xlink:
href=
"#poly-f-m-s" width=
"50" height=
"50" x=
"200" />
46 <g transform=
"translate(0,100)">
47 <use xlink:
href=
"#poly-s-f-m" width=
"50" height=
"50" x=
"0"/>
48 <use xlink:
href=
"#poly-s-f-m" width=
"50" height=
"50" x=
"50"/>
49 <use xlink:
href=
"#poly-s-f-m" width=
"50" height=
"50" x=
"100"/>
50 <use xlink:
href=
"#poly-s-m-f" width=
"50" height=
"50" x=
"150"/>
51 <use xlink:
href=
"#poly-s-m-f" width=
"50" height=
"50" x=
"200"/>
54 <g transform=
"translate(0,150)">
55 <use xlink:
href=
"#poly-m-f-s" width=
"50" height=
"50" x=
"0"/>
56 <use xlink:
href=
"#poly-m-s-f" width=
"50" height=
"50" x=
"50"/>
57 <use xlink:
href=
"#poly-m-s-f" width=
"50" height=
"50" x=
"100"/>
58 <use xlink:
href=
"#poly-m-f-s" width=
"50" height=
"50" x=
"150"/>
59 <use xlink:
href=
"#poly-m-f-s" width=
"50" height=
"50" x=
"200"/>