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

Рисую фигуры в таком формате:

    <?php
header ('Content-Type: image/svg+xml');
header ('Content-Disposition: filename=example.svg');
    echo "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>
<svg version=\"1.1\"
     baseProfile=\"full\"
     xmlns=\"http://www.w3.org/2000/svg\" 
     xmlns:xlink=\"http://www.w3.org/1999/xlink\"
     xmlns:ev=\"http://www.w3.org/2001/xml-events\">
    <g fill=\"none\" stroke=\"black\">\n";

        $x1=20; $y1=20;
        $x2=100; $y2=100;

            echo "<line stroke-width=\"1\" x1=\"$x1\" y1=\"$y1\" x2=\"$x2\" y2=\"$y2\"/>\n";

                .......

    echo "</g></svg> \n"; ?>

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