Прямоугольники html

Мне нужно отрисовать прямоульник по координатам двух точек и с определенным цветом. Я делаю программу типа сервер-клиент на с#, где клиент посылает серверу запрос с координатами двух точек и цветом. А сервер рисует прямоугольник. Нагуглил подходящий способ через SVG, но не знаю как здесь задать координаты двух точек. Именно чтобы автоматически ширина и высота подбиралась по ним. Если так нельзя, то можно высчитывать ширину и высоту с помощью второй координаты как раз, ну и потом дописать их в тег. Ну и еще есть способ рисовать через прямые. Как мне лучше это сделать?

Пример, который я нашел:

<svg>
  <rect x="0" y="0" width="50" height="50" color="blue"/>
</svg>