Katmanlı grafikler d3.js

Question

Şu anda kontrol akış grafiklerini görselleştirmek için Graphviz kullanıyorum. Temel olarak, bir (indirgenebilir) kontrol akış grafiği, bir DAG artı önceki tabakalardaki düğümlere işaret eden bazı kenarlardır. İkinci kenarlar düğüm yerleşimini etkilememelidir.

Şu anda, dot grafikleri oldukça düzgün çizer, ancak çok büyük grafiklerin analizi için paha biçilemez olan etkileşimi (ör. Katlama, kaydırma, yakınlaştırma) eklemenin kolay bir yolu yoktur. Bu nedenle, en olgun ve zengin özellikli grafik kütüphanesi olarak d3.js'yi seçtim.

D3.js'de layered graphs (dot gibi) çizmek için kolay bir yol olduğundan eminim, ancak bunu tanıyamıyorum. Bunu nasıl yaparım? Bu yardımcı olursa, CFG'imde hâlihazırda dominatör analizi gerçekleştiriyorum. İşte

https://github.com/cpettitt/dagre D3 kullanılarak işlenen bir demo:

Answer 1

yönettiği grafik çizim için Dagre kütüphane oluşturma-agnostik olmakla d3.js ile iyi entegre http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html d3 içinde bekleyen bir özellik isteği varmış gibi