Компактное расположение фигур SVG в ограниченных рамках

Здравствуйте!
Допустим, рисую фигуры в таком формате:

Спойлер: Код

Код (Text):

1. <?php
2. header ('Content-Type: image/svg+xml');
3. header ('Content-Disposition: filename=example.svg');
4.     echo "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>
5. <svg version=\"1.1\"
6.      baseProfile=\"full\"
7.      xmlns=\"http://www.w3.org/2000/svg\"
8.      xmlns:xlink=\"http://www.w3.org/1999/xlink\"
9.      xmlns:ev=\"http://www.w3.org/2001/xml-events\">
10.     <g fill=\"none\" stroke=\"black\">\n";
11.         $x1=20; $y1=20;
12.         $x2=100; $y2=100;
13.             echo "<line stroke-width=\"1\" x1=\"$x1\" y1=\"$y1\" x2=\"$x2\" y2=\"$y2\"/>\n";
14.                 .......
15.     echo "</g>
16. </svg>
17. \n";
18. ?>

Спойлер: Пример

Нужно расположить фигуры максимально компактно в ограниченные рамки, допустим 200х300px не изменяя их масштаб(пример на фото). Размер и форма фигур при каждом выполнении скрипта разный.
Возможно ли это в принципе? И если да, то в какую сторону думать? Быть может, это проще не на PHP, а javascritp?