JSFiddle - React, Tailwind, and code Playground

by Pankaj Kargirwar

HTML

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <!-- Define three points -->
  <circle cx="50" cy="50" r="2" fill="red" />
  <circle cx="100" cy="20" r="2" fill="blue" />
  <circle cx="150" cy="80" r="2" fill="green" />

  <!-- Draw an arc passing through the three points -->
  <path d="M50 50 A1 1 0 0 1 100 20 A1 1 0 0 1 150 80" fill="none" stroke="black" />
</svg>