NetworkVis: d3s_examples/python-neo4jrestclient/static/index

author	Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date	Thu, 01 Oct 2015 17:17:27 +0200
parents
children

rev	line source
8 18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1 <html>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	2 <head>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	3 <meta name="viewport" content="width=device-width, initial-scale=1.0">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	4 <link rel="stylesheet" href="http://neo4j-contrib.github.io/developer-resources/language-guides/assets/css/main.css">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	5 <title>Neo4j Movies</title>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	6 </head>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	7
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	8 <body>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	9 <div id="graph">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	10 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	11 <div role="navigation" class="navbar navbar-default navbar-static-top">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	12 <div class="container">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	13 <div class="row">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	14 <div class="col-sm-6 col-md-6">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	15 <ul class="nav navbar-nav">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	16 <li>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	17 <form role="search" class="navbar-form" id="search">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	18 <div class="form-group">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	19 <input type="text" value="Matrix" placeholder="Search for Movie Title" class="form-control" name="search">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	20 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	21 <button class="btn btn-default" type="submit">Search</button>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	22 </form>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	23 </li>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	24 </ul>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	25 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	26 <div class="navbar-header col-sm-6 col-md-6">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	27 <div class="logo-well">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	28 <a href="http://neo4j.com/developer-resources">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	29 <img src="http://neo4j-contrib.github.io/developer-resources/language-guides/assets/img/logo-white.svg" alt="Neo4j World's Leading Graph Database" id="logo">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	30 </a>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	31 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	32 <div class="navbar-brand">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	33 <div class="brand">Neo4j Movies</div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	34 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	35 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	36 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	37 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	38 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	39
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	40 <div class="row">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	41 <div class="col-md-5">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	42 <div class="panel panel-default">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	43 <div class="panel-heading">Search Results</div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	44 <table id="results" class="table table-striped table-hover">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	45 <thead>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	46 <tr>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	47 <th>Movie</th>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	48 <th>Released</th>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	49 <th>Tagline</th>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	50 </tr>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	51 </thead>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	52 <tbody>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	53 </tbody>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	54 </table>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	55 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	56 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	57 <div class="col-md-7">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	58 <div class="panel panel-default">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	59 <div class="panel-heading" id="title">Details</div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	60 <div class="row">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	61 <div class="col-sm-4 col-md-4">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	62 <img src="" class="well" id="poster"/>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	63 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	64 <div class="col-md-8 col-sm-8">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	65 <h4>Crew</h4>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	66 <ul id="crew">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	67 </ul>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	68 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	69 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	70 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	71 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	72 </div>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	73 <style type="text/css">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	74 .node { stroke: #222; stroke-width: 1.5px; }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	75 .node.actor { fill: #888; }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	76 .node.movie { fill: #BBB; }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	77 .link { stroke: #999; stroke-opacity: .6; stroke-width: 1px; }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	78 </style>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	79
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	80 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	81 <script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	82 <script type="text/javascript">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	83 $(function () {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	84 function showMovie(title) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	85 $.get("/movie/" + encodeURIComponent(title),
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	86 function (data) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	87 if (!data) return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	88 $("#title").text(data.title);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	89 $("#poster").attr("src","http://neo4j-contrib.github.io/developer-resources/language-guides/assets/posters/"+encodeURIComponent(data.title)+".jpg");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	90 var $list = $("#crew").empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	91 data.cast.forEach(function (cast) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	92 $list.append($("<li>" + cast.name + " " +cast.job + (cast.job == "acted"?" as " + cast.role : "") + "</li>"));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	93 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	94 }, "json");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	95 return false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	96 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	97 function search() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	98 var query=$("#search").find("input[name=search]").val();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	99 $.get("/search?q=" + encodeURIComponent(query),
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	100 function (data) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	101 var t = $("table#results tbody").empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	102 if (!data \|\| data.length == 0) return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	103 data.forEach(function (row) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	104 var movie = row.movie;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	105 $("<tr><td class='movie'>" + movie.title + "</td><td>" + movie.released + "</td><td>" + movie.tagline + "</td></tr>").appendTo(t)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	106 .click(function() { showMovie($(this).find("td.movie").text());})
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	107 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	108 showMovie(data[0].movie.title);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	109 }, "json");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	110 return false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	111 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	112
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	113 $("#search").submit(search);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	114 search();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	115 })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	116 </script>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	117
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	118 <script type="text/javascript">
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	119 var width = 800, height = 800;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	120
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	121 var force = d3.layout.force()
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	122 .charge(-200).linkDistance(30).size([width, height]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	123
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	124 var svg = d3.select("#graph").append("svg")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	125 .attr("width", "100%").attr("height", "100%")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	126 .attr("pointer-events", "all");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	127
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	128 d3.json("/graph", function(error, graph) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	129 if (error) return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	130
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	131 var link = svg.selectAll(".link")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	132 .data(graph.links).enter()
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	133 .append("line")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	134 .attr("class", "link");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	135
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	136 var linklabel = svg.selectAll(".linklabel")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	137 .data(graph.links).enter()
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	138 .append("text")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	139 .text("MYTEXT");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	140 // .attr("dx", function(d) { return d.source.x; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	141 // .attr("dy", function(d) { return d.source.y; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	142 // .text("MYTEXT");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	143
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	144 var gnodes = svg.selectAll('g.gnode')
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	145 .data(graph.nodes)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	146 .enter()
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	147 .append('g')
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	148 .classed('gnode', true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	149
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	150 var node = gnodes.append("circle")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	151 .attr("class", function (d) { return "node "+d.label })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	152 .attr("r", 10)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	153 .call(force.drag);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	154
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	155 var label =gnodes.append("text")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	156 .text(function(d) { return d.title; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	157
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	158 // html title attribute
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	159 node.append("title")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	160 .text(function (d) { return d.title; });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	161
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	162
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	163
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	164 // force feed algo ticks
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	165 force.on("tick", function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	166 link.attr("x1", function(d) { return d.source.x; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	167 .attr("y1", function(d) { return d.source.y; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	168 .attr("x2", function(d) { return d.target.x; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	169 .attr("y2", function(d) { return d.target.y; });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	170
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	171
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	172 linklabel.attr("x", function(d) { return d.source.x + (d.target.x - d.source.x)/2; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	173 .attr("y", function(d) { return d.source.y + (d.target.y - d.source.y)/2; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	174
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	175 //gnode.attr("cx", function(d) { return d.x; })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	176 // .attr("cy", function(d) { return d.y; });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	177
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	178 gnodes.attr("transform", function(d) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	179 return 'translate(' + [d.x, d.y] + ')';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	180 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	181
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	182
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	183
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	184
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	185 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	186
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	187
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	188 ;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	189
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	190 var linkText = svg.selectAll(".link")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	191 .data(graph.links)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	192 .append("text")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	193 .attr("font-family", "Arial, Helvetica, sans-serif")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	194 .attr("x",0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	195 .attr("y",0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	196 // .attr("x", function(d) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	197 // if (d.target.x > d.source.x) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	198 // return (d.source.x + (d.target.x - d.source.x)/2); }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	199 // else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	200 // return (d.target.x + (d.source.x - d.target.x)/2); }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	201 // })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	202 // .attr("y", function(d) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	203 // if (d.target.y > d.source.y) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	204 // return (d.source.y + (d.target.y - d.source.y)/2); }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	205 // else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	206 // return (d.target.y + (d.source.y - d.target.y)/2); }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	207 // })
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	208 .attr("fill", "Black")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	209 .style("font", "normal 12px Arial")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	210 .attr("dy", ".035em")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	211 .text(function(d) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	212 return "HUHU3"; });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	213
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	214
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	215 force.nodes(graph.nodes).links(graph.links).start();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	216
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	217
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	218 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	219 </script>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	220 </body>
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	221 </html>

8

18ef6948d689 new d3s examples