How to plot a horizonal sugiyama graph

[seahurt]

How to plot a horizonal sugiyama graph

[erikbrinkman]

you probably missed all of the x's and y's. Fortunately, this is now built in in the form of a tweak.

When constructing the layout function, there's a line in the example:

  .tweaks([shape]);

All you need to do is add another tweak to flip it:

  .tweaks([shape, d3dag.tweakFlip()]);

The edges will still look a bit weird due to the spline interpolation of d3. To fix that, change

const line = d3.line().curve(d3.curveMonotoneY);

to

const line = d3.line().curve(d3.curveMonotoneX);

You should then see: