periplus: toolkit/javascript/d3/examples/tree/tree-interactive.html@79833eaa394a (annotated)

47 c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	1	<!DOCTYPE html>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	2	<html>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	3	<head>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	4	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	5	<title>Node-Link Tree</title>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	6	<script type="text/javascript" src="../../d3.js"></script>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	7	<script type="text/javascript" src="../../d3.layout.js"></script>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	8	<style type="text/css">
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	9
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	10	.node circle {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	11	cursor: pointer;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	12	fill: #fff;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	13	stroke: steelblue;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	14	stroke-width: 1.5px;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	15	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	16
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	17	.node text {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	18	font: 10px sans-serif;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	19	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	20
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	21	path.link {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	22	fill: none;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	23	stroke: #ccc;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	24	stroke-width: 1.5px;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	25	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	26
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	27	</style>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	28	</head>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	29	<body>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	30	<div id="chart"></div>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	31	<script type="text/javascript">
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	32
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	33	var m = [20, 120, 20, 120],
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	34	w = 1280 - m[1] - m[3],
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	35	h = 800 - m[0] - m[2],
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	36	i = 0,
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	37	duration = 500,
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	38	root;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	39
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	40	var tree = d3.layout.tree()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	41	.size([h, w]);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	42
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	43	var diagonal = d3.svg.diagonal()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	44	.projection(function(d) { return [d.y, d.x]; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	45
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	46	var vis = d3.select("#chart").append("svg:svg")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	47	.attr("width", w + m[1] + m[3])
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	48	.attr("height", h + m[0] + m[2])
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	49	.append("svg:g")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	50	.attr("transform", "translate(" + m[3] + "," + m[0] + ")");
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	51
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	52	d3.json("../data/flare.json", function(json) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	53	root = json;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	54	root.x0 = h / 2;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	55	root.y0 = 0;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	56
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	57	function collapse(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	58	if (d.children) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	59	d._children = d.children;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	60	d._children.forEach(collapse);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	61	d.children = null;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	62	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	63	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	64
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	65	root.children.forEach(collapse);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	66	update(root);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	67	});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	68
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	69	function update(source) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	70
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	71	// Compute the new tree layout.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	72	var nodes = tree.nodes(root).reverse();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	73
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	74	// Normalize for fixed-depth.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	75	nodes.forEach(function(d) { d.y = d.depth * 180; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	76
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	77	// Update the nodes…
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	78	var node = vis.selectAll("g.node")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	79	.data(nodes, function(d) { return d.id \|\| (d.id = ++i); });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	80
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	81	// Enter any new nodes at the parent's previous position.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	82	var nodeEnter = node.enter().append("svg:g")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	83	.attr("class", "node")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	84	.attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	85	.on("click", click);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	86
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	87	nodeEnter.append("svg:circle")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	88	.attr("r", 1e-6)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	89	.style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	90
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	91	nodeEnter.append("svg:text")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	92	.attr("x", function(d) { return d.children \|\| d._children ? -10 : 10; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	93	.attr("dy", ".35em")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	94	.attr("text-anchor", function(d) { return d.children \|\| d._children ? "end" : "start"; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	95	.text(function(d) { return d.name; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	96	.style("fill-opacity", 1e-6);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	97
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	98	// Transition nodes to their new position.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	99	var nodeUpdate = node.transition()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	100	.duration(duration)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	101	.attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	102
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	103	nodeUpdate.select("circle")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	104	.attr("r", 4.5)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	105	.style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	106
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	107	nodeUpdate.select("text")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	108	.style("fill-opacity", 1);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	109
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	110	// Transition exiting nodes to the parent's new position.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	111	var nodeExit = node.exit().transition()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	112	.duration(duration)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	113	.attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	114	.remove();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	115
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	116	nodeExit.select("circle")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	117	.attr("r", 1e-6);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	118
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	119	nodeExit.select("text")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	120	.style("fill-opacity", 1e-6);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	121
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	122	// Update the links…
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	123	var link = vis.selectAll("path.link")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	124	.data(tree.links(nodes), function(d) { return d.target.id; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	125
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	126	// Enter any new links at the parent's previous position.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	127	link.enter().insert("svg:path", "g")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	128	.attr("class", "link")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	129	.attr("d", function(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	130	var o = {x: source.x0, y: source.y0};
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	131	return diagonal({source: o, target: o});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	132	})
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	133	.transition()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	134	.duration(duration)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	135	.attr("d", diagonal);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	136
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	137	// Transition links to their new position.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	138	link.transition()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	139	.duration(duration)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	140	.attr("d", diagonal);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	141
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	142	// Transition exiting nodes to the parent's new position.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	143	link.exit().transition()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	144	.duration(duration)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	145	.attr("d", function(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	146	var o = {x: source.x, y: source.y};
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	147	return diagonal({source: o, target: o});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	148	})
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	149	.remove();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	150
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	151	// Stash the old positions for transition.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	152	nodes.forEach(function(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	153	d.x0 = d.x;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	154	d.y0 = d.y;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	155	});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	156	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	157
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	158	// Toggle children on click.
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	159	function click(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	160	if (d.children) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	161	d._children = d.children;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	162	d.children = null;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	163	} else {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	164	d.children = d._children;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	165	d._children = null;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	166	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	167	update(d);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	168	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	169
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	170	</script>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	171	</body>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	172	</html>

author	Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
	Fri, 18 Apr 2014 14:31:58 +0200
changeset 51	79833eaa394a
parent 47	c0b4a8b5a012
permissions	-rw-r--r--