Flexible interactive visualization for large trees using D3.js.
There are two ways to create a D3Tree object described below:
Any object that implements the interface from AbstractTrees can given to the constructor:
The structure of a D3Tree is specified with lists of children for each node stored in a
Vectors. For example
D3Tree([[2,3], , , ])
creates a tree with four nodes. Nodes 2 and 3 are children of node 1, and node 4 is the only child of node 3. Nodes 2 and 4 are childless.
In an IJulia notebook, the tree will automatically be displayed using D3.js. To get an interactive display in a chrome browser from the repl or a script, you can use the
inchrome function. The
blink function can also open it in a standalone window using the
children = [[2,3], [4,5], [6,7], [8,9], , , , , ] t = D3Tree(children) inchrome(t) inbrowser(t, "firefox")
By clicking on the nodes, you can expand it to look like the image at the top of the page.
Optional arguments control other aspects of the style (use
julia> ?D3Tree for a complete list), for example
children = [[2,3], , , ] text = ["one\n(second line)", "2", "III", "four"] style = ["", "fill:red", "r:14", "opacity:0.7"] link_style = ["", "stroke:blue", "", "stroke-width:10px"] tooltip = ["pops", "up", "on", "hover"] t = D3Tree(children, text=text, style=style, tooltip=tooltip, link_style=link_style, title="My Tree", init_expand=10) inchrome(t)
or, see examples/hello.ipynb
D3Trees also supports basic text output. This can be achieved by writing to an io object with the
text/plain mime. This format is the automatic output if a D3Tree is created in the REPL:
julia> children = [[2,3], [4,5], [6,7], [8,9], , , , , ]; julia> t = D3Tree(children) 1 ├──2 │ ├──4 │ │ ├──8 (0 children) │ │ └──9 (0 children) │ └──5 │ └──1 (2 children) └──3 ├──6 └──7
This package works best in the Google chrome or chromium browser.
- The tree is currently transmitted to the browser in one big json string, so it can be slow for large trees and cannot handle infinite trees.
- This will not work offline because it downloads the D3 library on the fly (https://github.com/sisl/D3Trees.jl/issues/10)