Question

I found a fantastic tree as below which meets almost my needs.
However, I would like to expand lengthwise the tree. Could anyone give
me any ideas how to make it or any reference sites. Any help will be
appreciated.

http://mbostock.github.com/d3/talk/20111018/tree.html

Answer 1

In general, rotating is simple mathematical process.

If the original coordinates of the point are {x,y}:

{-y,x} = rotated 90° (anti-clockwise)
{y,-x} = rotated -90° (clockwise)
{-x,y} = mirrored along y-axis
{x,-y} = mirroded along x-axis
{-x,-y} = mirroded along both

These switches should be done in all path- and coordinate-calculations. Quite a job, I think.

Is it possible to include the whole pattern into single DIV? Then you could try to rotate this DIV with CSS3-transform.