Здравствуйте уважаемые форумчане!!!

Мне нужно изобразить(отрисовать) в браузере бинарное дерево в виде кружков(узлы) и прямых линий связывающие эти кружки(ребра).

Подскажите пожалуйста
1 Я планирую рисовать узлы и ребра с помощью тегов svg, line, circle
2 координаты узлов будут хранится в бд

Но если при добавлении новых узлов координаты будут совпадать то узлы и ребра наложатся друг на друга и получится ерунда.
Как правильно рассчитать координаты и сделать проверки чтобы этого избежать?? и как при этом учитывать разрешение экрана,так чтобы мое дерево нормально отображалось на разных мониторах.И по первым двум пунктам в правильном ли я направлении.
Всем спасибо.