Problems plotting whole genealogy tree from PHP MySQL HTML and js

[outten]

Hi People

 

I am trying to cobble together a method to plot the whole of a genealogical family tree in HTML using DIVs or Tables, I currently have a subsection of the tree working ie:

http://www.outten.org/new.php where you can click on individuals to move through the tree.

I would like to be able to plot the whole tree in up/down or left/right html (which I will put on a dragable layer) I am having a problem at the join of multiple tree's, yet have seen other (offline software) do this with some optimisation.

The structure of my DB is

individual record:person-father-mother

Marriage record: bride-groom (for childless marriages)

I can easily plot a single tree (1 surname) using and array and simple plotting, but when joining multiple trees I have issues (with spacing etc.) 

The type of output I am aiming for is here http://www.outten.org/tree.pdf hopefully with better optimisation.

I am already using WZ js graphics for lines, but will probably change to using the canvas tag.

 

Thank you in advance

 

Alex