eZGyXy

eZGyXy.markdown

eZGyXy

A Pen by bravokeyl on CodePen.

License.

index.html

<svg id="viz">
<!--   <path d="M 100 100 L 300 100 L 200 300 z" /> -->
  <path d="M0,-100A100,100,0,0,1,100,0L0,0Z"  fill="red" transform="translate(200,200)" />
  <path d="M0,-100A100,50,0,0,1,100,50"  fill="red" transform="translate(300,200)" />
  <path d="M80,200 a25,25 -30 0,1 50,-25Z"
        fill="blue" stroke="red" stroke-width="5" transform="translate(1,200)" />
</svg>

style.css

#viz {
  width: 600px;
  height: 600px;
  margin: 0 auto;
}
path {
  stroke: black;
  stroke-width: 3px;
}