tnt.tree/examples/separated_nodes/separated_nodes.js

TnT tree display

var tnt_theme_tree_separated_nodes = function() {
    "use strict";

    var tree_theme = function(tree_vis, div) {

        var newick = "(((((homo_sapiens:9,pan_troglodytes:9)207598:34,callithrix_jacchus:43)314293:52,(mus_musculus:95, rat:100)rodents:55)314146:215,taeniopygia_guttata:310)32524:107,danio_rerio:417)117571:135;"

        var data = tnt.tree.parse_newick(newick);

	// Show different node shapes for collapsed/non-collapsed nodes
	var node_size = 14;
	var node_fill="lightgrey";
	var node_stroke="black";
	var circle_node = tnt.tree.node_display.circle()
	    .size(14) // This is used only for the circle display
	    .fill(node_fill)
	    .stroke(node_stroke);

	var node_display = tnt.tree.node_display()
	    .size(24) // This is used for the layout calculation
	    .display (function (node) {
		circle_node.display().call(this, node);
	    });

        tree_vis
	    .node_display(node_display)
            .data(data)
            .duration(500)
            .layout(tnt.tree.layout.vertical()
		    .width(600)
		    .scale(false));

        // The visualization is started at this point
        tree_vis(div);
        

    };

    return tree_theme;
};