I have a tree data structure which stores information. How do I figure out the correct placement of each node i.e. x,y locations of the tree on the canvas, so that nothing overlaps and all sibling nodes are on the same level? My attempts achieve neither. Thank you very much. I had something like this in mind, to be displayed on the canvas.
A
/ \
B C
/ | \ \
D E F G
\
H