ツリーのように機能するD3レイアウトを探していますが、始点と終点が1つで終わりです。

基本的にツリーに似ていますが、1つのポイントにマージするレイアウトを探しています。
/‾B‾\___ A---C----\__D \_________/ 申し訳ありませんが、私のアスキーのスキルは素晴らしいではありませんが、このグラフは次のようになります。ツリーのように機能するD3レイアウトを探していますが、始点と終点が1つで終わりです。

A-> B、A-> C

B-> D、C-> D

A - > D

誰でもアイデアはありますか？フォースレイアウトを使用しようとしていましたが、円形パターンでレンダリングされないようにする方法を見つけられませんでした。ツリーが明白な選択肢になるでしょうが、私はどのようにノードにノードを倒すのか分かりません。

ありがとうございます！

出典

2017-08-30 ItsScience

これはあなたが探しているものですか？完璧な可能性があり

<!DOCTYPE html> 
 
<meta charset="utf-8"> 
 
<body> 
 
<script src="//d3js.org/d3.v4.min.js"></script> 
 
<script src="http://viz-js.com/bower_components/viz.js/viz-lite.js"></script> 
 
<script src="https://github.com/magjac/d3-graphviz/releases/download/v0.1.2/d3-graphviz.min.js"></script> 
 
<div id="graph" style="text-align: center;"></div> 
 
<script> 
 

 
var dot = [ 
 
    'digraph G {', 
 
    ' graph [rankdir=LR]', 
 
    ' A -> B', 
 
    ' A -> C', 
 
    ' B -> D', 
 
    ' C -> D', 
 
    ' A -> D', 
 
    '}', 
 
].join('\n'); 
 

 
    d3.select("#graph").graphviz() 
 
    .renderDot(dot); 
 

 
</script>

出典

2017-08-31 04:47:42 magjac

！そのようなことを見つけようとすると何時間もかかることがありますが、問題の一部は私がD3の中で厳密に見ていたと思います。ありがとう！私が得た最も近いものはSankeyでした：http://blockbuilder.org/anonymous/c4544fa6ac1e903f56c6e6ff3a77920b – ItsScience

それを聞いてうれしいです:-)。 [d3-graphviz]（https://github.com/magjac/d3-graphviz）**は** [D3プラグイン]（https://github.com/d3/d3/wiki/Plugins）です。 – magjac

助けてくれてうれしい！あなたが役に立ったと思ったら、[私の答えを受け入れる]（https://meta.stackexchange.com/q/5234）を自由に感じてください。 :-) – magjac

ツリーのように機能するD3レイアウトを探していますが、始点と終点が1つで終わりです。

答えて

関連する問題