periplus: toolkit/javascript/d3/examples/force/force-cluster.html@f68ecaf5265e (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	<title>Clustered Network</title>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	5	<script type="text/javascript" src="../../d3.js"></script>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	6	<script type="text/javascript" src="../../d3.geom.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	svg {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	10	border: 1px solid #ccc;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	11	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	12	body {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	13	font: 10px sans-serif;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	14	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	15	circle.node {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	16	fill: lightsteelblue;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	17	stroke: #fff;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	18	stroke-width: 1.5px;
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	path.hull {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	21	fill: lightsteelblue;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	22	fill-opacity: 0.3;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	23	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	24	line.link {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	25	stroke: #333;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	26	stroke-opacity: 0.5;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	27	pointer-events: none;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	28	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	29	</style>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	30	</head>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	31	<body>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	32	<script type="text/javascript">
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	33	var w = 960, // svg width
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	34	h = 600, // svg height
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	35	dr = 4, // default point radius
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	36	off = 15, // cluster hull offset
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	37	expand = {}, // expanded clusters
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	38	data, net, force, hullg, hull, linkg, link, nodeg, node,
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	39	curve = d3.svg.line().interpolate("cardinal-closed").tension(.85),
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	40	fill = d3.scale.category20();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	41
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	42	function noop() { return false; }
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	43
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	44	function nodeid(n) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	45	return n.size ? "_g_"+n.group : n.name;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	46	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	47
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	48	function linkid(l) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	49	var u = nodeid(l.source),
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	50	v = nodeid(l.target);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	51	return u<v ? u+"\|"+v : v+"\|"+u;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	52	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	53
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	54	function getGroup(n) { return n.group; }
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	55
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	56	// constructs the network to visualize
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	57	function network(data, prev, index, expand) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	58	expand = expand \|\| {};
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	59	var gm = {}, // group map
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	60	nm = {}, // node map
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	61	lm = {}, // link map
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	62	gn = {}, // previous group nodes
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	63	gc = {}, // previous group centroids
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	64	nodes = [], // output nodes
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	65	links = []; // output links
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	66
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	67	// process previous nodes for reuse or centroid calculation
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	68	if (prev) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	69	prev.nodes.forEach(function(n) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	70	var i = index(n), o;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	71	if (n.size > 0) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	72	gn[i] = n;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	73	n.size = 0;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	74	} else {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	75	o = gc[i] \|\| (gc[i] = {x:0,y:0,count:0});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	76	o.x += n.x;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	77	o.y += n.y;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	78	o.count += 1;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	79	}
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	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	82
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	83	// determine nodes
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	84	for (var k=0; k<data.nodes.length; ++k) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	85	var n = data.nodes[k],
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	86	i = index(n);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	87
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	88	if (expand[i]) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	89	// the node should be directly visible
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	90	nm[n.name] = nodes.length;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	91	nodes.push(n);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	92	if (gn[i]) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	93	// place new nodes at cluster location (plus jitter)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	94	n.x = gn[i].x + Math.random();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	95	n.y = gn[i].y + Math.random();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	96	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	97	} else {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	98	// the node is part of a collapsed cluster
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	99	var l = gm[i] \|\| (gm[i]=gn[i]) \|\| (gm[i]={group:i, size:0, nodes:[]});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	100	if (l.size == 0) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	101	// if new cluster, add to set and position at centroid of leaf nodes
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	102	nm[i] = nodes.length;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	103	nodes.push(l);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	104	if (gc[i]) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	105	l.x = gc[i].x / gc[i].count;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	106	l.y = gc[i].y / gc[i].count;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	107	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	108	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	109	l.size += 1;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	110	l.nodes.push(n);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	111	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	112	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	113
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	114	// determine links
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	115	for (k=0; k<data.links.length; ++k) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	116	var e = data.links[k],
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	117	u = index(e.source),
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	118	v = index(e.target);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	119	u = expand[u] ? nm[e.source.name] : nm[u];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	120	v = expand[v] ? nm[e.target.name] : nm[v];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	121	var i = (u<v ? u+"\|"+v : v+"\|"+u),
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	122	l = lm[i] \|\| (lm[i] = {source:u, target:v, size:0});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	123	l.size += 1;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	124	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	125	for (i in lm) { links.push(lm[i]); }
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	126
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	127	return {nodes: nodes, links: links};
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	128	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	129
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	130	function convexHulls(nodes, index, offset) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	131	var h = {};
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	// create point sets
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	134	for (var k=0; k<nodes.length; ++k) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	135	var n = nodes[k];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	136	if (n.size) continue;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	137	var i = index(n),
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	138	l = h[i] \|\| (h[i] = []);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	139	l.push([n.x-offset, n.y-offset]);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	140	l.push([n.x-offset, n.y+offset]);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	141	l.push([n.x+offset, n.y-offset]);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	142	l.push([n.x+offset, n.y+offset]);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	143	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	144
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	145	// create convex hulls
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	146	var hulls = [];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	147	for (i in h) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	148	hulls.push({group: i, path: d3.geom.hull(h[i])});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	149	}
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	return hulls;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	152	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	153
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	154	function drawCluster(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	155	return curve(d.path); // 0.8
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	// --------------------------------------------------------
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	159
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	160	var body = d3.select("body");
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	161
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	162	var vis = body.append("svg:svg")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	163	.attr("width", w)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	164	.attr("height", h);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	165
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	166	d3.json("miserables.json", function(json) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	167	data = json;
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	168	for (var i=0; i<data.links.length; ++i) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	169	o = data.links[i];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	170	o.source = data.nodes[o.source];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	171	o.target = data.nodes[o.target];
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	172	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	173
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	174	hullg = vis.append("svg:g");
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	175	linkg = vis.append("svg:g");
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	176	nodeg = vis.append("svg:g");
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	177
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	178	init();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	179
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	180	vis.attr("opacity", 1e-6)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	181	.transition()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	182	.duration(1000)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	183	.attr("opacity", 1);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	184	});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	185
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	186	function init() {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	187	if (force) force.stop();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	188
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	189	net = network(data, net, getGroup, expand);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	190
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	191	force = d3.layout.force()
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	192	.nodes(net.nodes)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	193	.links(net.links)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	194	.size([w, h])
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	195	.linkDistance(50)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	196	.start();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	197
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	198	hullg.selectAll("path.hull").remove();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	199	hull = hullg.selectAll("path.hull")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	200	.data(convexHulls(net.nodes, getGroup, off))
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	201	.enter().append("svg:path")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	202	.attr("class", "hull")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	203	.attr("d", drawCluster)
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	204	.style("fill", function(d) { return fill(d.group); })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	205	.on("dblclick", function(d) { expand[d.group] = false; init(); });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	206
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	207	link = linkg.selectAll("line.link").data(net.links, linkid);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	208	link.exit().remove();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	209	link.enter().append("svg:line")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	210	.attr("class", "link")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	211	.attr("x1", function(d) { return d.source.x; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	212	.attr("y1", function(d) { return d.source.y; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	213	.attr("x2", function(d) { return d.target.x; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	214	.attr("y2", function(d) { return d.target.y; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	215	.style("stroke-width", function(d) { return d.size \|\| 1; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	216
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	217	node = nodeg.selectAll("circle.node").data(net.nodes, nodeid);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	218	node.exit().remove();
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	219	node.enter().append("svg:circle")
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	220	.attr("class", function(d) { return "node" + (d.size?"":" leaf"); })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	221	.attr("r", function(d) { return d.size ? d.size + dr : dr+1; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	222	.attr("cx", function(d) { return d.x; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	223	.attr("cy", function(d) { return d.y; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	224	.style("fill", function(d) { return fill(d.group); })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	225	.on("dblclick", function(d) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	226	if (d.size) { expand[d.group] = true; init(); }
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	227	});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	228
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	229	node.call(force.drag);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	230
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	231	force.on("tick", function() {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	232	if (!hull.empty()) {
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	233	hull.data(convexHulls(net.nodes, getGroup, off))
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	234	.attr("d", drawCluster);
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	235	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	236
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	237	link.attr("x1", function(d) { return d.source.x; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	238	.attr("y1", function(d) { return d.source.y; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	239	.attr("x2", function(d) { return d.target.x; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	240	.attr("y2", function(d) { return d.target.y; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	241
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	242	node.attr("cx", function(d) { return d.x; })
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	243	.attr("cy", function(d) { return d.y; });
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	244	});
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	245	}
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	246
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	247	</script>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	248	</body>
c0b4a8b5a012 add toolkit.html + démonstrateurs Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> parents: diff changeset	249	</html>

author	Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
	Wed, 16 Apr 2014 14:59:23 +0200
changeset 50	f68ecaf5265e
parent 47	c0b4a8b5a012
permissions	-rw-r--r--