Warstwowe wykresy w d3.js

Question

Obecnie używam Graphviz do wizualizacji wykresów przepływu sterowania. Zasadniczo, (redukowalny) wykres przepływu kontrolnego jest DAG plus niektóre krawędzie, które wskazują węzły w poprzednich warstwach. Te ostatnie krawędzie nie powinny wpływać na rozmieszczenie węzłów.

Obecnie dot rysuje wykres bardzo starannie, ale nie ma w prosty sposób dodawać interakcji (na przykład składane, przewijanie, powiększanie), który jest bezcenny analizy bardzo dużych wykresów. Dlatego wybrałem d3.js jako najbardziej dojrzałą i bogatą w funkcje bibliotekę graficzną.

Jestem pewien, że istnieje łatwy sposób narysować layered graphs (podobnie jak dot) w d3.js, ale nie wydają się go rozpoznać. Jak mogę to zrobić? Jeśli to pomaga, już wykonuję analizę dominatora na mojej CFG.

Answer 1

Biblioteka Dagre dla skierowanego rysunku wykres jest rendering-agnostyk, ale dobrze integruje się z d3.js: https://github.com/cpettitt/dagre

Oto demo wygenerowana za pomocą D3: http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html