svg - How can I vertically align the 'main' tree branch? -

svg - How can I vertically align the 'main' tree branch? -

i trying utilize d3 tree layout display construction 'main' branch , few smaller branches. nodes in main branch vertically align each other, either on hard left or central column. how can this?

i utilize number of descendants identify main branch , have far tried sorting gives following:

sorting descending sorting median = max value

i've tried manually calculating x coordinates end overlapping nodes:

my code pretty much identical illustration code generating tree graphs other clutter. if illustration code needed i'll provide don't think help.

svg d3.js tree