Diseño con gráficos tikz probados

Question

Estoy usando tree layoutwith tikz, que generalmente funciona muy bien, pero a veces, cuando uso subgrafos, termino con bordes que están perfectamente alineados uno encima del otro, así:

En mi código a continuación, también probé varios otros métodos de diseño, como spring layoutlas variantes eléctricas. Pero de manera similar parecen tener problemas con los diseños anidados y las fuerzas no se propagan bien a través de los niveles. Esto da como resultado un montón de nodos agrupados uno encima del otro.

¿Hay algún truco que necesito para lograr diseños con diseños anidados?

\documentclass[tikz]{standalone}
\usetikzlibrary{graphs, graphdrawing, quotes, arrows.meta}
\usegdlibrary{trees}
\begin{document}
\tikz[
    every node/.style={
        font=\scriptsize,
        inner sep=2pt,
    },
    identity/.style={circle, draw=black, fill=white, inner sep=0pt, minimum size=4pt},
    var/.style={circle, draw=black, fill=white, inner sep=2pt},
    function/.style={circle, draw=black, fill=white, inner sep=2pt},
    subgraph nodes={draw=gray, rounded corners},
    subgraph text none,
]
\graph [
    tree layout,
    grow'=right,
    fresh nodes,
    sibling sep=5em,
    node distance=1cm,
    node sep=1cm,
    nodes behind edges,
    nodes={align=center},
] {
    main+cluster [draw=black, circle] // [tree layout]{
        sub+cluster // [tree layout]{
            node+A[function,as=$A$];
            node+x1[var,as=$x$];
            (node+x1) -> [-latex, "$i$"] (node+A);
        },
        node+x2[var,as=$x$];
        (node+A) -- ["$i$"] (node+x2);
    },
    node+j[as=];
    (node+A) -- ["$j$"] (node+j);
    node+i+prime[as=];
    (main+cluster) -- [Circle-, "$i'$"] (node+i+prime);
};
\end{document}

Answer 1

Aquí hay una propuesta: moví el xnodo hacia abajo nudge down =5mmy doblé la flecha con out=-80,in=230,looseness=1.4. Puede cambiar esta configuración para ajustarla lo más posible a su idea.

node+x2[var,nudge down=5mm,as=$x$];
(node+A) -- [out=-80,in=230,looseness=1.4,"$i$"] (node+x2);

El código completo

\documentclass[tikz]{standalone}
\usetikzlibrary{graphs, graphdrawing, quotes, arrows.meta}
\usegdlibrary{trees}
\begin{document}
\tikz[
    every node/.style={
        font=\scriptsize,
        inner sep=2pt,
    },
    identity/.style={circle, draw=black, fill=white, inner sep=0pt, minimum size=4pt},
    var/.style={circle, draw=black, fill=white, inner sep=2pt},
    function/.style={circle, draw=black, fill=white, inner sep=2pt},
    subgraph nodes={draw=gray, rounded corners},
    subgraph text none,
]
\graph [
    tree layout,
    grow'=right,
    fresh nodes,
    sibling sep=5em,
    node distance=1cm,
    node sep=1cm,
    nodes behind edges,
    nodes={align=center},
] {
    main+cluster [draw=black, circle] // [tree layout]{
        sub+cluster // [tree layout]{
            node+A[function,as=$A$];
            node+x1[var,as=$x$];
            (node+x1) -> [-latex, "$i$"] (node+A);
        },
        node+x2[var,nudge down=5mm,as=$x$];
        (node+A) -- [out=-80,in=230,looseness=1.4,"$i$"] (node+x2);
    },
    node+j[as=];
    (node+A) -- ["$j$"] (node+j);
    node+i+prime[as=];
    (main+cluster) -- [Circle-, "$i'$"] (node+i+prime);
};
\end{document}