2010-08-09 85 views

回答

4

wikipedia article最後似乎有一些很好的鏈接。

我可能會首先嚐試遞歸和比例分割的簡單方法。在樹的第一級,垂直分割目標區域(這裏每個區域是一個分支,區域大小取決於分支大小):

+-------+-------+-------+ 
|  |  |  | 
|  |  |  | 
|  |  |  | 
|  |  |  | 
|  |  |  | 
|  |  |  | 
+-------+-------+-------+ 

在第二電平時,水平劃分:

+-------+-------+-------+ 
|  |  |  | 
+-------+  |  | 
|  +-------+  | 
|  |  |  | 
|  |  +-------+ 
|  |  |  | 
+-------+-------+-------+ 

在再次垂直第三級劃分:

+--+----+----+--+----+--+ 
| | | | | | | 
+--+-+--+ | | | | 
| | +-+--+--+ | | 
| | | |  | | | 
| | | |  +---++--+ 
| | | |  | | | 
+----+--+-+-----+---+---+ 

等等

0

另一種選擇是使用一個JavaScript庫,它將負責處理算法方面,並只關注演示文稿部分並操作CSS。

退房比如D3:http://mbostock.github.com/d3/ex/treemap.html

您可以添加爲每個div的

background-image: url('path/to/image.png'); 
+0

問題是關於java或python而不是javascript。 – bhspencer 2015-09-16 15:28:22