svg`<svg width=300 height=300>
<g transform="translate(100 100)">
<circle cx="${pivot[0]}" cy="${pivot[1]}" r="10" fill="red" />
<rect x="10" y="10" width="80" height="80" fill="none" stroke="silver"/>
<path
d="${path}"
stroke="black"
fill="none"
stroke-width="2"
/>
<path
transform="rotate(20 ${pivot[0]} ${pivot[1]})"
d="${path}"
stroke="MediumSeaGreen "
fill="none"
stroke-width="1"
/>
<path
transform="${`
translate(${pivot[0]} ${pivot[1]})
rotate(20)
translate(-${pivot[0]} -${pivot[1]})
`}"
d="${path}"
stroke="dodgerblue"
fill="none"
stroke-width="1"
/>
</g>
</svg>`