尋找一個功能像一棵樹一樣的D3佈局，但是以一個點開始和結束

我一直在尋找一種基本上與樹相似的佈局，但也可以合併爲一個點。
/‾B‾\___ A---C----\__D \_________/ 對不起，我的ASCII技能不是很大，但該圖將是：尋找一個功能像一棵樹一樣的D3佈局，但是以一個點開始和結束

A-> B，A->ç

B-> d，C-> d

一 - > 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佈局，但是以一個點開始和結束

回答

相關問題