root/SPARQLBuilderWWW/web/newsparqlbuilder.js @ 243

リビジョン 243, 31.3 KB (コミッタ: lenz, 10 年 前)

スクロール及びPermalinkボタンの発動系問題の解決
Permalinkボタンのサイズを固定長に調整
  • 属性 svn:mime-type の設定値 text/plain
行番号 
1
2var PATHNUM = 0;
3var MAXDEPTH = 0;
4var TREESPACE = 0;
5var NODEHEIGHT = 50;
6var DRAWHEIGHT = 0;
7
8var endpoint = "";
9var startclass= "";
10var endclass = "";
11
12var defendpoint = "";
13var defstartclass= "";
14var defendclass = "";
15
16var jsontext = "";
17var pathobj = "";
18
19var pathlimit = 10;
20
21
22// 繝壹�繧ｸ隱ｭ縺ｿ霎ｼ縺ｿ縺悟ｮ御ｺ�ｬ｡隨ｬ螳溯｡�
23$(function(){
24
25        // 繝壹�繧ｸ縺ｮ繝代�繝�Κ蛻�ｒ霑ｽ蜉
26        initparts();
27
28        getParameter();
29
30        if(defendpoint != "" && defstartclass != "" && defendclass != ""){
31                openSPARQLBuilder();
32        }
33
34});
35
36function initparts(){
37        var sbdiv = $('div#SPARQLBUILDER');
38        if(sbdiv.find('div').length == 0){
39                var sbtop = '<div class="SBTopItems"><input type="button" class="SBTopButton" value="Open SPARQLBuilder" onclick="openSPARQLBuilder()"><input type="button" class="SBTopButton" value="Try with Sample" onclick="openSample(\'http://www.ebi.ac.uk/rdf/services/reactome/sparql\', \'http://www.biopax.org/release/biopax-level3.owl#Protein\', \'http://www.biopax.org/release/biopax-level3.owl#Pathway\')"><br><textarea class="SBSparqlArea" rows="10"></textarea><br><input type="button" class="SBTopButton" value="Send SPARQL" onclick="sendSPARQL()"><input type="button" class="SBTopButton" value="Download Result" onclick="downloadResult()"></div><div class="SBTutorialLink">Tutorial for SPARQL Builder GUI is <a href="http://www.sparqlbuilder.org/doc/how-to-use-sparql-builder-gui/" target="_blank">here</a>.</div>';
40                var sbmodal = '<div class="SBModalView"><div class="SBModalContents"><div class="SBForms"><div class="SBSelects"><select class="SBEndPointSelect"></select><select class="SBStartClassSelect"></select><select class="SBEndClassSelect"></select></div><div class="SBPermaLink"><input type="button" class="SBPermaLinkButton" value="Permalink" onclick="openPermalink()" disabled="disabled"></div></div><div class="SBMessage"><div class="SBResult"><span class="SBPathnum"></span> Path<span class="SBPlural"></span> found.</div><input type="button" class="SBViewAll" value="View All Path" onclick="viewAll()"></div><div class="SBGraph"><div class="SBAjaxLoad" style="display: none;"><div class="SBLoadIcon"><img src="images/ajax-loader.gif"></div></div></div><div class="SBPath"><div class="SBSelectedPath"></div></div><div class="SBModalButtons"><input type="button" class="SBModalButton" value="Close" onclick="closeSPARQLBuilder()"></div></div></div>';
41
42                sbdiv.html(sbtop);
43                $('body').append(sbmodal);
44        }
45
46        $('.SBModalView').click(function(){
47                $(this).fadeOut(700);
48        });
49
50        $('.SBModalContents').click(function(event){
51                event.stopPropagation();
52        });
53
54        loadEndPointList();
55
56        $(".SBEndPointSelect").change(function() {
57                changeEndPoint();
58        });
59
60        $(".SBStartClassSelect").change(function() {
61                startClass = $(".SBStartClassSelect").val();
62                loadPathList();
63        });
64        $(".SBEndClassSelect").change(function() {
65                endClass = $(".SBEndClassSelect").val();
66                loadPathList();
67        });
68
69        d3.select('.SBModalView').on("mousewheel", function(){
70                event.preventDefault();
71                event.stopPropagation();
72        });
73
74        d3.select('body').on("mousewheel", function(){
75                console.log("WTF");
76        });
77
78}
79
80
81function getParameter()
82{
83    if( 1 < window.location.search.length )
84    {
85        var query = window.location.search.substring( 1 );
86        var parameters = query.split( '&' );
87
88        for( var i = 0; i < parameters.length; i++ )
89        {
90            var element = parameters[ i ].split( '=' );
91            if(decodeURIComponent( element[ 0 ] ) == "ep"){
92                defendpoint = decodeURIComponent( element[ 1 ] )
93            }else if(decodeURIComponent( element[ 0 ] ) == "st"){
94                defstartclass = decodeURIComponent( element[ 1 ] )
95            }else if(decodeURIComponent( element[ 0 ] ) == "en"){
96                defendclass = decodeURIComponent( element[ 1 ] )
97            }
98        }
99    }
100}
101
102
103function openSPARQLBuilder(){
104
105        $('.SBModalView').css('top', $(window).scrollTop()).css('height', window.innerHeight).fadeIn();
106
107        resizeModalView();
108
109        $(".SBEndPointSelect").select2();
110        $(".SBStartClassSelect").select2();
111        $(".SBEndClassSelect").select2();
112
113        if(defendpoint != "" && defstartclass != "" && defendclass != ""){
114
115                $('.SBStartClassSelect').on('lccomplete', function(){
116                        $('.SBStartClassSelect').val(defstartclass);
117                        defstartclass = "";
118                        $('.SBEndClassSelect').val(defendclass);
119                        defendclass = "";
120
121                        $(".SBEndPointSelect").select2();
122                        $(".SBStartClassSelect").select2();
123                        $(".SBEndClassSelect").select2();
124
125                        $('.SBStartClassSelect').unbind('lccomplete');
126                });
127
128                loadPathList();
129
130                var eplist = $('.SBEndPointSelect option');
131
132                if(eplist.length == 0){
133                        $('.SBEndPointSelect').on('epcomplete', function(){
134                                $('.SBEndPointSelect').val(defendpoint);
135                                defendpoint = "";
136                                loadClassList();
137                                $('.SBEndPointSelect').unbind('epcomplete');
138                        });
139                }else{
140                        $('.SBEndPointSelect').val(defendpoint);
141                        defendpoint = "";
142                        loadClassList();
143                }
144        }
145}
146
147function resizeModalView(){
148
149        if($('.SBModalView').css('display') == 'block'){
150                var mvw = $('.SBModalContents').width();
151                var mvh = $('.SBModalContents').height();
152                $('.SBModalContents .SBForms').css('width', (mvw - 201) + 'px').css('height', 56 + 'px');
153                $('.SBModalContents .SBMessage').css('width', 200 + 'px').css('height', 56 + 'px');
154                $('.SBModalContents .SBGraph').css('width', (mvw - 201) + 'px').css('height', (mvh - 57) + 'px');
155                $('.SBModalContents .SBPath').css('width', 180 + 'px').css('height', (mvh - 77 - 26) + 'px');
156                $('.SBModalContents .SBModalButtons').css('width', 200 + 'px').css('height', '26px');
157
158                var formw = $('.SBModalContents .SBForms').width();
159                var selw = Math.floor(formw - 120);
160
161                if(selw % 2 == 1){
162                        selw--;
163                }
164                $('.SBModalContents .SBSelects').css('width', selw);
165                $('.SBModalContents .SBPermaLink').css('width', Math.floor(formw - selw));
166        }
167}
168
169function openSample(ep, st, en){
170        defendpoint = ep;
171        defstartclass = st;
172        defendclass = en;
173
174        openSPARQLBuilder();
175}
176
177function openPermalink(){
178        var baseurl = location.href;
179        var spliturl = baseurl.split('?');
180        var url = spliturl[0] + "?ep=" + encodeURIComponent(endpoint) + "&st=" + encodeURIComponent(startclass) + "&en=" + encodeURIComponent(endclass);
181
182        window.open(url);
183}
184
185function closeSPARQLBuilder(){
186        $('.SBModalView').fadeOut();
187}
188
189function switchLoadIcon(mode) {
190        if(mode == "view"){
191                $('.SBAjaxLoad').show();
192        }else{
193                $('.SBAjaxLoad').hide();
194        }
195};
196
197function loadEndPointList(){
198        $('.SBPermaLinkButton').attr('disabled', true);
199        var url = 'http://www.sparqlbuilder.org/api/eplist';
200        $.ajax({
201                url: url,
202                success: function(data) {
203                        var list = eval(data);
204                        $(".SBEndPointSelect").empty();
205                        $(".SBEndPointSelect").append('<option value="SBDefault">SELECT Endpoint</option>');
206                        for (var i = 0; i < list.length; ++i) {
207                                $(".SBEndPointSelect").append('<option value="' + list[i] + '">' + list[i] + '</option>');
208                                switchLoadIcon("hide");
209                                if($('.SBModalView').attr('display') == 'block'){
210                                        $(".SBEndPointSelect").select2();
211                                        $(".SBStartClassSelect").select2();
212                                        $(".SBEndClassSelect").select2();
213                                }
214                        }
215                        $(".SBEndPointSelect").trigger(new $.Event('epcomplete'));
216                },
217        });
218}
219
220changeEndPoint = function() {
221        endpoint = $(".SBEndPointSelect").val();
222        if(endpoint != "SBDefault"){
223                loadClassList();
224        }
225};
226
227loadClassList = function() {
228        $('.SBPermaLinkButton').attr('disabled', true);
229        var url = "http://www.sparqlbuilder.org/api/clist?ep=" + encodeURIComponent(endpoint);
230        $.ajax({
231                type : "GET",
232                url : url,
233                async : false,
234                success : function(data) {
235                        var list = eval(data);
236                        $(".SBStartClassSelect").empty();
237                        $(".SBEndClassSelect").empty();
238                        $(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass</option>');
239                        $(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass</option>');
240                        for (var i = 0; i < list.length; ++i) {
241                                $(".SBStartClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
242                                $(".SBEndClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
243                        }
244                        $(".SBStartClassSelect").select2();
245                        $(".SBEndClassSelect").select2();
246                        $(".SBStartClassSelect").trigger(new $.Event('lccomplete'));
247                }
248        });
249};
250
251loadPathList = function() {
252        startclass = $(".SBStartClassSelect").val();
253        endclass = $(".SBEndClassSelect").val();
254
255        if(defendpoint != "" && defstartclass != "" && defendclass != ""){
256                endpoint = defendpoint;
257                startclass = defstartclass;
258                endclass = defendclass;
259        }
260
261        $('.SBSaveESE').attr('disabled', true);
262        if (startclass == null || endclass == null || startclass == "SBDefault" || endclass == "SBDefault"){
263                return;
264        }
265
266        pathlimit = 10;
267
268        $('.SBResult').hide();
269        $('.SBViewAll').hide();
270        $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and click to generate a SPARQL</h1><img src=\"images/pathline.png\" style="display:none;">');
271
272        var url = "http://www.sparqlbuilder.org/api/plist?ep=" + encodeURIComponent(endpoint)
273                                                                                                                        + "&startclass=" + encodeURIComponent(startclass)
274                                                                                                                        + "&endclass="   + encodeURIComponent(endclass);
275
276        switchLoadIcon("view");
277        setTimeout(function(){
278                $.ajax({
279                        type : "GET",
280                        url : url,
281                        //async : false,
282                        timeout : 1000000,
283                        success : function(data) {
284                                jsontext = data;
285                                view_map();
286                                switchLoadIcon("hide");
287                                $('.SBPermaLinkButton').attr('disabled', false);
288                        },
289                        error: function(data){
290                                switchLoadIcon("hide");
291                                alert("error: ", data);
292                        }
293                });
294        }, 100);
295};
296
297function viewAll(){
298        pathlimit = 0;
299        view_map();
300}
301
302generateSPARQL = function() {
303    var path = JSON.stringify(pathobj);
304    var url = 'http://www.sparqlbuilder.org/api/sparql?path=' + encodeURIComponent(path);
305    $.ajax({
306        type: "GET",
307        url : url,
308        dataType: 'text',
309        async: false,
310        success : function(data) {
311            $(".SBSparqlArea").val(data);
312            closeSPARQLBuilder();
313        }
314    });
315};
316
317function sendSPARQL(){
318        var sendep = $(".SBEndPointSelect").val();
319
320        var query = $(".SBSparqlArea").val();
321
322        if(sendep == "SBDefault" || query == ""){
323                return;
324        }
325
326        query = encodeURIComponent(query);
327
328        openpage = sendep + "?format=text%2Fhtml&query=" + query;
329
330        window.open(openpage);
331}
332
333function downloadResult(){
334
335        var sendep = $(".SBEndPointSelect").val();
336
337        var query = $(".SBSparqlArea").val();
338
339        if(sendep == "SBDefault" || query == ""){
340                return;
341        }
342
343        qr = sendQuery(sendep,query);
344
345        qr.fail(
346                function (xhr, textStatus, thrownError) {
347                        alert("Error: A '" + textStatus+ "' occurred.");
348                }
349        );
350        qr.done(
351                function (d) {
352                        downloadCSV(d.results.bindings);
353                }
354        );
355}
356
357function downloadCSV(data){
358
359        if (data instanceof Array) {
360                var result_txt ="";
361
362                var i=0;
363                for ( var key in data[0]) {
364                        if(i>0){result_txt +=",";}
365                        result_txt += key;
366                        i++;
367                }
368
369                result_txt += "\n";
370
371                for (var d = 0; d < data.length; d++) {
372                        var i = 0;
373                        for ( var key in data[d]) {
374                                if(i>0){result_txt +=",";}
375                                result_txt += data[d][key].value;
376                                i++;
377                        }
378                        result_txt += '\n';
379                }
380
381                var blob = new Blob( [result_txt], {type: 'text/plain'} )
382
383                var link = document.createElement('a')
384                link.href = URL.createObjectURL(blob)
385                link.download = 'result' + '.csv'
386
387                document.body.appendChild(link) // for Firefox
388                link.click()
389                document.body.removeChild(link) // for Firefox
390        }
391};
392
393
394// 繧ｰ繝ｩ繝墓緒逕ｻ驛ｨ蛻�
395view_map = function(){
396
397        // make_data繝｡繧ｽ繝�ラ縺ｮ邨先棡繧貞叙蠕�
398        var json = make_data();
399
400        // 繝代せ謨ｰ縺�縺ｧ縺ｪ縺代ｌ縺ｰ
401        if(json['nodes'].length != 0){
402
403                // 蜃ｺ譚･荳翫′縺｣縺溽ｵ先棡繧呈ｸ｡縺励※繝槭ャ繝嶺ｸ翫�蠎ｧ讓吶ｒ繧ｻ繝�ヨ
404                set_map_location(0, json['nodes'], json['links']);
405
406                // SVG縺ｮ蟷�→鬮倥＆逕ｨ縺ｫ謠冗判鬆伜沺縺ｮ繧ｵ繧､繧ｺ繧貞叙蠕�
407                var width = $('.SBGraph').width();
408                var height = $('.SBGraph').height();
409                // SVG蜀��繧ｰ繝ｩ繝暮Κ蛻�ｫ倥＆�医ヱ繧ｹ謨ｰ縺ｫ蠢懊§繧具ｼ峨ｒ繧ｻ繝�ヨ
410                var graphheight = ((NODEHEIGHT * 1.5) * PATHNUM) + (NODEHEIGHT / 2);
411
412                // 繧ｹ繧ｳ繧｢陦ｨ遉ｺ縺ｮ繝槭�繧ｸ繝ｳ
413                var scoreleftmargin = NODEHEIGHT * 1.5;
414
415                // SVG縺ｮ蜑企勁
416                d3.select(".SBGraph svg").remove();
417                // 逕ｻ髱｢繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺婀VG縺ｮ霑ｽ蜉
418                var svg = d3.select(".SBGraph").append("svg")
419                        .attr("width", width)
420                        .attr("height", height)
421                        // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ繧ｻ繝�ヨ
422                        .attr("viewBox", "0 0 " + width + " " + height)
423                        // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺輔ｌ縺溘ｉ
424                        .on("mousewheel", function(){
425                                // 迴ｾ蝨ｨ縺ｮ繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ迥ｶ諷九ｒ蜿門ｾ�
426                                var vb = svg.attr("viewBox");
427                                // 繧ｹ繝壹�繧ｹ縺ｧ蛹ｺ蛻�ｊ蜷�€､縺ｫ蛻�ｧ｣
428                                var spvb = vb.split(" ");
429
430                                // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮy縺ｮ蛟､縺九ｉ莉雁屓縺ｮ繝帙う繝ｼ繝ｫ繧､繝吶Φ繝医�蟾ｮ蛻�ｒ蠑輔￥
431                                var vby = (parseInt(spvb[1]) - event.wheelDelta);
432
433                                // 0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ
434                                if(vby < 0){
435                                        vby = 0;
436                                // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ荳企剞�医げ繝ｩ繝輔し繧､繧ｺ蠑輔￥陦ｨ遉ｺ鬆伜沺繧ｵ繧､繧ｺ�峨ｒ雜�∴縺ｦ縺�◆繧芽｣懈ｭ｣
437                                }else if(vby > (graphheight - height)){
438                                        vby = (graphheight - height);
439                                        // 陬懈ｭ｣縺励◆邨先棡0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ
440                                        if(vby < 0){
441                                                vby = 0;
442                                        }
443                                }
444
445                                // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆y繧偵そ繝�ヨ縺励ン繝･繝ｼ繝懊ャ繧ｯ繧ｹ繧呈峩譁ｰ
446                                svg.attr("viewBox", "0 " + vby + " " + width + " " + height);
447                    });
448
449                // 閭梧勹縺ｮ霑ｽ蜉�磯ｫ倥＆莉･螟悶�謠冗判鬆伜沺縺昴�縺ｾ縺ｾ��
450                var bg = svg
451                        .append("rect")
452                        .attr("x", 0)
453                        .attr("y", 0)
454                        .attr("width", width)
455                        .attr("height", function(){
456                                // 繧ｰ繝ｩ繝暮Κ蛻��鬮倥＆縺梧緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧貞牡縺｣縺ｦ縺�◆繧会ｼ医ヱ繧ｹ縺悟ｰ代↑縺代ｌ縺ｰ�画緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧定ｿ斐☆
457                                        if(graphheight < height){
458                                                return height;
459                                        }else{
460                                                return graphheight;
461                                        }
462                                })
463                        // 閭梧勹繧定埋縺�げ繝ｬ繝ｼ縺ｫ
464                        .attr("fill", "#fafafa");
465
466                // links驟榊�繧呈ｸ｡縺励Μ繝ｳ繧ｯ縺ｮ菴懈�
467                var link = svg.selectAll(".link")
468                        .data(json.links)
469                        .enter().append("line")
470                        .attr("class", "link")
471                        .style("stroke", "#999")
472                        .style("stroke-opacity", 0.6)
473                        .style("stroke-width", 2);
474
475                // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨�菴懈�
476                var node = svg.selectAll(".node")
477                        .data(json.nodes)
478                        .enter().append("circle")
479                        .attr("class", "node")
480                        .attr("r", (NODEHEIGHT / 2))
481                        .attr("cx", function(d) { return d.x;} )
482                        .attr("cy",  function(d) { return d.y; })
483                        .style("fill", function(d) { return d.nodecolor; })
484                        .style("stroke", '#fafafa')
485                        .style("stroke-width", '1.5px')
486                        // 譛ｫ遶ｯ繝弱�繝峨�縺ｿ繝槭え繧ｹ繧｢繧､繧ｳ繝ｳ繧偵�繧､繝ｳ繧ｿ繝ｼ縺ｫ
487                        .style("cursor", function(d){
488                                if(d.path == "notend"){
489                                        return 'normal';
490                                }else{
491                                        return 'pointer';
492                                }
493                        });
494
495                // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈�
496                var tnode = svg.selectAll("text.node")
497                        .data(json.nodes)
498                        .enter().append("svg:text")
499                        .attr("class", "tnode")
500                        .attr("x", function(d) { return d.x; })
501                        .attr("y", function(d) { return d.y; })
502                        .text(function(d) { return d.name; })
503                        .style("fill", '#000000')
504                        .style("text-anchor", 'middle')
505                        .style("pointer-events", "none");
506
507                // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医�菴懈�
508                var tlink = svg.selectAll("text.link")
509                        .data(json.links)
510                        .enter().append("svg:text")
511                        .attr("class", "tlink")
512                        .attr("x", function(d) { return (json.nodes[d.source].x + json.nodes[d.target].x) / 2; })
513                        .attr("y", function(d) { return (json.nodes[d.source].y + json.nodes[d.target].y) / 2; })
514                        .style("fill", '#000000')
515                        .style("text-anchor", 'middle');
516
517                // 繧ｹ繧ｳ繧｢繝�く繧ｹ繝医�菴懈�
518                var tscore = svg.selectAll("text.score")
519                        .data(json.nodes)
520                        .enter().append("svg:text")
521                        .attr("class", "tscore")
522                        .attr("x", function(d) { return (d.x + scoreleftmargin); })
523                        .attr("y", function(d) { return d.y + 4; })
524                        .text(function(d) { return d.score; })
525                        .style("fill", '#ff0000')
526                        .style("text-anchor", 'middle')
527                        .style("pointer-events", "none");
528
529                // 繝弱�繝峨∈縺ｮ繧ｪ繝ｳ繝槭え繧ｹ縺ｧ繝代せ謗｢邏｢縲√ヱ繧ｹ荳ｭ縺ｮ繝ｪ繝ｳ繧ｯ譁�ｭ励ｒ陦ｨ遉ｺ
530                node.on("mouseover", function(d){
531
532                        // 陦ｨ遉ｺ縺吶ｋ繝代せ菫晏ｭ倡畑驟榊�
533                        var path = [];
534                        // 繝代せ陦ｨ遉ｺ諠�ｱ菫晏ｭ倡畑驟榊�
535                        var pathname = [];
536
537                        // 縺ｾ縺壹が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�id縺ｨ蜷榊燕繧偵◎繧後◇繧瑚ｿｽ蜉
538                        path.push(d.nodeid);
539                        pathname.push(d.name);
540
541                        // 繝代せ謗｢邏｢
542                        do{
543                                // 繝ｪ繝ｳ繧ｯ縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠
544                                for(var i = 0; i < link.data().length; i++){
545                                        // 迴ｾ蝨ｨ縺ｮ譛€蠕悟ｰｾ縺ｫ郢九′繧九Μ繝ｳ繧ｯ縺後≠繧後�
546                                        if(path[(path.length-1)] == link.data()[i].target){
547                                                // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�id繧定ｿｽ蜉
548                                                path.push(link.data()[i].source);
549                                                // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕縺ｨ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�蜷榊燕繧定ｿｽ蜉
550                                                pathname.push(link.data()[i].property);
551                                                pathname.push(node.data()[link.data()[i].source].name);
552                                        }
553                                }
554                        // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨↓霎ｿ繧顔捩縺上∪縺ｧ郢ｰ繧願ｿ斐☆
555                        }while(path[(path.length-1)] != 0);
556
557                        // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨∪縺溘�騾比ｸｭ繝弱�繝峨↑繧�
558                        if(d.nodeid == 0 || d.path == "notend"){
559                                // 繝代せ陦ｨ遉ｺ鬆伜沺繧偵ョ繝輔か繝ｫ繝医↓
560                                $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and click to generate a SPARQL</h1>');
561                        // 譛ｫ遶ｯ繝弱�繝峨↑繧�
562                        }else{
563
564                                // 繝代せ陦ｨ遉ｺ鬆伜沺逕ｨ譁�ｭ怜�
565                                var resultText = '';
566                                // 繝代せ縺ｮ蜷榊燕驟榊�蛻�ｾ後ｍ縺九ｉ郢ｰ繧願ｿ斐＠縺ｪ縺後ｉ
567                                for (var i = pathname.length;i > 0; i--){
568                                        // 螂�焚逡ｪ逶ｮ�医ヮ繝ｼ繝会ｼ峨↑繧�
569                                        if(i % 2 == 1){
570                                                // 繝ｫ繝ｼ繝医°騾比ｸｭ縺区忰遶ｯ縺九↓蠢懊§縺ｦ繧ｯ繝ｩ繧ｹ繧呈欠螳壹＠霑ｽ險�
571                                                if(i == 1){
572                                                        resultText = resultText + "<div class=\"SBLeafNode\">" + pathname[i - 1] + "</div>";
573                                                }else if(i == pathname.length){
574                                                        resultText = resultText + "<div class=\"SBRootNode\">" + pathname[i - 1] + "</div>";
575                                                }else{
576                                                        resultText = resultText + "<div class=\"SBPathNode\">" + pathname[i - 1] + "</div>";
577                                                }
578                                        // 蛛ｶ謨ｰ逡ｪ逶ｮ�医Μ繝ｳ繧ｯ�峨�繝ｪ繝ｳ繧ｯ逕ｻ蜒上ｒ蜑榊ｾ後↓縺､縺題ｿｽ險�
579                                        }else{
580                                                resultText = resultText + "<img src=\"images/pathline.png\"><div class=\"SBPathProperty\">" + pathname[i - 1] + "</div><img src=\"images/pathline.png\">";
581                                        }
582                                }
583
584                                // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ蜀�ｮｹ繧呈嶌縺肴鋤縺�
585                                $('.SBSelectedPath').html(resultText);
586
587                                // 繧ｵ繝ｼ繝悶Ξ繝�ヨ縺ｫ騾√ｊ霑斐☆繝代せ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ菫晏ｭ�
588                                pathobj = d.path;
589
590                                // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒvisivle縺ｫ
591                                $('.SBPath').css('overflow-y', 'visible');
592
593                                // 繝代せ蜀�ｮｹ縺ｮ鬮倥＆縺後ヱ繧ｹ陦ｨ遉ｺ鬆伜沺繧定ｶ�∴縺ｦ縺�◆繧�
594                                if($('.SBPath').height() < $('.SBSelectedPath').innerHeight()){
595                                        // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｫ
596                                        $('.SBPath').css('overflow-y', 'scroll');
597                                }
598                        }
599
600                        // 繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�鬮倥＆縺ｫ隕ｪ繧貞粋繧上○繧九◆繧√↓蜷医ｏ縺帙ｋ鬮倥＆繧剃ｿ晏ｭ�
601                        var movey = d.y;
602
603                        // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺�
604                        node
605                                // 霈ｪ驛ｭ邱壹�濶ｲ繧定ｨｭ螳�
606                                .style("stroke", function(d){
607                                        // 縺ｾ縺壹�閭梧勹濶ｲ�医ョ繝輔か繝ｫ繝茨ｼ峨ｒ謖�ｮ�
608                                        var strokecolor = "#fafafa";
609
610                                        // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
611                                        for(var n = 0; n < path.length; n++){
612                                                // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
613                                                if(path[n] == d.nodeid){
614                                                        // 霈ｪ驛ｭ邱壹ｒ襍､縺ｫ
615                                                        strokecolor = "#ffaaaa";
616                                                }
617                                        }
618
619                                        // 縺薙％縺ｾ縺ｧ縺ｧ蠕励ｉ繧後◆霈ｪ驛ｭ邱壹�濶ｲ繧定ｿ斐☆
620                                        return strokecolor;
621                                })
622                                // 鬮倥＆縺ｮ蛟､
623                                .attr("cy", function(d){
624
625                                        // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧貞叙蠕�
626                                        var currenty = d.y
627
628                                        // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
629                                        for(var n = 0; n < path.length; n++){
630                                                // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ
631                                                if(path[n] == d.nodeid){
632                                                        // 蜀�Κ縺ｧ謖√▽鬮倥＆繧偵が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨→蜷後§縺ｫ�亥�謠冗判譎ゅ↓蜿肴丐��
633                                                        d.y = movey;
634                                                }
635                                        }
636
637                                        // 莉翫�迴ｾ譎らせ縺ｮ鬮倥＆繧定ｿ斐☆
638                                        return currenty;
639                                });
640
641                        // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓蟇ｾ縺�
642                        tlink
643                                // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳�
644                                .text(function(d) {
645                                        // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ繧偵そ繝�ヨ
646                                        var linktext = "";
647
648                                        // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
649                                        for(var t = 0; t < path.length; t++){
650                                                // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨�
651                                                if(path[t] == d.target){
652                                                        // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ
653                                                        linktext = d.property
654                                                }
655                                        }
656
657                                        // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ霑斐☆
658                                        return linktext;
659                                });
660
661                        // 蜷�Μ繝ｳ繧ｯ縺ｫ蟇ｾ縺�
662                        link
663                                // 邱壹�濶ｲ蛻､螳�
664                                .style("stroke", function(d){
665
666                                        var strokecolor = "#999";
667
668                                        // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
669                                        for(var t = 0; t < path.length; t++){
670                                                // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨�
671                                                if(path[t] == d.target){
672                                                        // 繝ｪ繝ｳ繧ｯ縺ｮ濶ｲ縺ｫ襍､繧偵そ繝�ヨ
673                                                        strokecolor = "#ffaaaa"
674                                                }
675                                        }
676
677                                        // 邱壹�濶ｲ繧定ｿ斐☆
678                                        return strokecolor;
679                                });
680
681                        // 縺薙％縺ｾ縺ｧ縺ｮ險ｭ螳壹ｒ蜈�↓蜀肴緒逕ｻ
682                        redraw();
683
684                // 繧ｯ繝ｪ繝�け縺輔ｌ縺溘→縺�
685                }).on("click", function(d){
686                        // 譛ｫ遶ｯ繝弱�繝峨↑繧峨せ繝代�繧ｯ繝ｫ逋ｺ陦�
687                        if(d.path != "notend"){
688                                generateSPARQL();
689                        }
690                });
691
692                // 蜀肴緒逕ｻ髢｢謨ｰ
693                var redraw = function (duration){
694
695                        // 縺九￠繧区凾髢薙′譛ｪ謖�ｮ壹↑繧峨�
696                        if(duration == undefined){
697                                // 0.5遘偵°縺代※繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
698                                duration = 500;
699                        }
700
701                        // 蜷�Μ繝ｳ繧ｯ縺ｫ縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
702                        link
703                                .transition()
704                                .duration(duration)
705                                .attr("x1", function(d) {return node.data()[d.source].x;})
706                                .attr("y1", function(d) {return node.data()[d.source].y;})
707                                .attr("x2", function(d) {return node.data()[d.target].x;})
708                                .attr("y2", function(d) {return node.data()[d.target].y;});
709
710                        // 蜷�ヮ繝ｼ繝峨↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
711                        node
712                                .transition()
713                                .duration(duration)
714                                .attr("cx", function(d) {return d.x;})
715                                .attr("cy", function(d) {return d.y;});
716
717                        // 蜷�ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ縲√ユ繧ｭ繧ｹ繝域緒逕ｻ菴咲ｽｮ繧剃ｸ贋ｸ九↓謖ｯ繧�
718                        tnode
719                                .transition()
720                                .duration(duration)
721                                .attr("x", function(d) {return d.x;})
722                                .attr("y", function(d) {
723                                        // 繝�ヵ繧ｩ繝ｫ繝医〒蟆代＠荳九￡繧�
724                                        var updown = (NODEHEIGHT * 0.4);
725                                        // 螂�焚逡ｪ逶ｮ縺ｮ豺ｱ縺輔↑繧牙ｰ代＠荳翫￡繧�
726                                        if(d.group % 2 == 1){
727                                                updown = -(NODEHEIGHT * 0.2);
728                                        }
729                                        // 縺昴�蛟､繧帝ｫ倥＆縺ｫ霑斐☆縺薙→縺ｧ繝�く繧ｹ繝域緒逕ｻ菴咲ｽｮ縺御ｺ偵＞驕輔＞縺ｫ縺ｪ繧�
730                                        return d.y + updown;
731                                });
732
733                        // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓縺､縺�※險ｭ螳壹＆繧後◆菴咲ｽｮ縺ｫ蜀肴緒逕ｻ
734                        tlink
735                                .transition()
736                                .duration(duration)
737                                .attr("x", function(d) {return (node.data()[d.source].x + node.data()[d.target].x) / 2;})
738                                .attr("y", function(d) {return ((node.data()[d.source].y + node.data()[d.target].y) / 2) + 4;});
739
740                };
741
742                // 蛻晏屓縺ｮ縺ｿduration繧�縺ｨ謖�ｮ壹＠蜀肴緒逕ｻ�医い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｪ縺暦ｼ�
743                redraw(0);
744
745        }else{
746                // SVG縺ｮ蜑企勁
747                d3.select(".SBGraph svg").remove();
748        }
749};
750
751
752// 繝��繧ｿ菴懈�繝｡繧ｽ繝�ラ
753make_data = function(){
754
755        // 邨先棡逕ｨ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ蛻晄悄蛹�
756        ret = new Object();
757        ret['nodes'] = new Array();
758        ret['links'] = new Array();
759
760        // 蜷�ｨｮ螟画焚縺ｮ蛻晄悄蛹�
761        PATHNUM = 0;
762        MAXDEPTH = 0;
763        TREESPACE = 0;
764        DRAWHEIGHT = NODEHEIGHT;
765
766        // 陦ｨ遉ｺ縺吶ｋ繝代せ謨ｰ
767        var viewnum;
768
769        // jsontext繧貞叙蠕�
770        var obj = jsontext;
771
772        // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧偵Μ繧ｻ繝�ヨ
773        $('.SBResult').css('color', 'black').css('font-weight', 'normal').css('margin-top', '4px');
774
775        // 隍�焚蠖｢縺ｮs繧偵▽縺代ｋ
776        $('.SBPlural').text('s');
777
778        // 繝代せ縺ｮ謨ｰ縺�縺縺｣縺溘ｉ
779        if(obj.length == 0){
780                // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧定ｵ､縺ｮ螟ｪ蟄励↓縺鈴伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
781                $('.SBResult').css('color', 'red').css('font-weight', 'bold').css('margin-top', '20px');
782                // 隍�焚蠖｢縺ｮs繧貞炎髯､
783                $('.SBPlural').text('');
784        // 繝代せ謨ｰ縺�縺ｪ繧�
785        }else if(obj.length == 1){
786                // 隍�焚蠖｢縺ｮs繧貞炎髯､
787                $('.SBPlural').text('');
788        }
789
790        // 繝代せ縺ｮ謨ｰ縺悟香莉･荳九↑繧�
791        if(obj.length <= 10){
792                // 陦ｨ遉ｺ謨ｰ繧偵ヱ繧ｹ謨ｰ縺ｫ
793                viewnum = obj.length;
794                // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧帝伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
795                $('.SBResult').css('margin-top', '20px');
796                // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧帝國縺�
797                $('.SBViewall').hide();
798        // 繝ｪ繝溘ャ繝医′10縺ｪ繧峨�
799        }else if(pathlimit == 10){
800                // 陦ｨ遉ｺ繝代せ謨ｰ繧�0縺ｫ
801                viewnum = 10;
802                // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧貞�縺�
803                $('.SBViewall').show();
804        // 繝ｪ繝溘ャ繝医′縺ｪ縺代ｌ縺ｰ
805        }else{
806                // 陦ｨ遉ｺ繝代せ謨ｰ繧貞�繝代せ謨ｰ縺ｫ
807                viewnum = obj.length;
808                // 邨先棡繝代せ謨ｰ縺ｮ繧ｹ繧ｿ繧､繝ｫ繧帝伜沺蜀�ｸ贋ｸ倶ｸｭ螟ｮ縺ｫ
809                $('.SBResult').css('margin-top', '20px');
810                // 蜈ｨ陦ｨ遉ｺ繝懊ち繝ｳ繧帝國縺�
811                $('.SBViewall').hide();
812        }
813
814        // 邨先棡繝代せ謨ｰ縺ｮ蛟､繧呈峩譁ｰ
815        $('.SBPathnum').text(obj.length);
816        // 邨先棡繝代せ謨ｰ繧定｡ｨ遉ｺ
817        $('.SBResult').show();
818
819        // obj繝医ャ繝鈴嚴螻､縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
820        for(var i = 0; i < viewnum; i++){
821                if(i == 0){
822                        // 蛻晏屓縺縺代Ν繝ｼ繝医ヮ繝ｼ繝峨ｒ繝励ャ繧ｷ繝･
823                        ret['nodes'].push({'name': obj[0]['label'], 'uri': obj[0]['startClass'], 'group': 0, 'x':50, 'y':50, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': 'hsl(40, 50%, 75%)'});
824                }
825                // 蜈医↓source縺ｫ0�医Ν繝ｼ繝茨ｼ峨ｒ莉｣蜈･
826                var source = 0;
827                // 蜈ｱ騾壹Ν繝ｼ繝亥愛螳壹ｒtrue縺ｫ
828                var isCommon = true;
829
830                // 縺薙�繝代せ縺ｮ繧ｹ繧ｳ繧｢繧貞叙蠕�
831                var score = obj[i]['score'];
832
833                // classLinks縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
834                for(var j = 0;j < obj[i]['classLinks'].length; j++){
835
836                        // 繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕繧旦RL譛ｫ蟆ｾ縺九ｉ蜿門ｾ�
837                        var propertytext = obj[i]['classLinks'][j]['predicate'];
838                        var propertysplit1 = propertytext.split("/");
839                        var propertysplit2 = propertysplit1[propertysplit1.length - 1];
840                        var propertysplit3 = propertysplit2.split("#");
841                        propertytext = propertysplit3[propertysplit3.length - 1];
842
843                        // 豺ｱ縺輔′譛€螟ｧ繧医ｊ螟ｧ縺阪￠繧後�譖ｴ譁ｰ
844                        if(MAXDEPTH < j+1){
845                                MAXDEPTH = j+1;
846                        }
847                        // 縺薙％縺ｾ縺ｧ蜈ｱ騾壹Ν繝ｼ繝医↑繧�
848                        if(isCommon){
849                                // 莉雁屓繧ょ�騾壹°遒ｺ隱阪☆繧九◆繧√�繝輔Λ繧ｰ
850                                var isCommonNow = false;
851                                // nodes驟榊�縺ｫ蜷後§linkedClass縺梧里縺ｫ縺ゅｋ縺狗｢ｺ隱�
852                                var targets = [];
853                                for(var k = 0; k < ret['nodes'].length; k++){
854                                        // 蜷碁嚴螻､縺九▽蜷後§蜷榊燕縺ｮ繧ゅ�縺後≠縺｣縺溘ｉtargets驟榊�縺ｫ逡ｪ蜿ｷ繧定ｿｽ蜉
855                                        if(ret['nodes'][k]['group'] == (j+1) && obj[i]['classLinks'][j]['linkedClass'] == ret['nodes'][k]['uri']){
856                                                targets.push(k);
857                                        }
858                                }
859
860                                // 譌｢縺ｫ縺ゅ▲縺溷ｴ蜷医�links驟榊�縺ｫ蜷後§link縺悟ｭ伜惠縺吶ｋ縺狗｢ｺ隱�
861                                if(targets.length != 0){
862                                        // 蜈医⊇縺ｩ隕九▽縺代◆targets縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
863                                        for(var l = 0; l <targets.length; l++){
864                                                // links驟榊�縺ｫ蜈ｨ縺丞酔縺俶擅莉ｶ縺ｮ繧ゅ�縺後≠繧九°遒ｺ隱�
865                                                for(var m = 0; m < ret['links'].length; m++){
866                                                        // 縺ゅ▲縺溷ｴ蜷井ｻ雁屓縺ｮ繧ゅ�縺ｯ霑ｽ蜉縺帙★source繧呈峩譁ｰ縺励※谺｡縺ｸ
867                                                        if(ret['links'][m]['source'] == source && ret['links'][m]['target'] == targets[l] && ret['links'][m]['uri'] == obj[i]['classLinks'][j]['predicate'] && !isCommonNow){
868                                                                // 蜈ｱ騾壹Ν繝ｼ繝医ヵ繝ｩ繧ｰ繧偵が繝ｳ
869                                                                isCommonNow = true;
870                                                                source = targets[l];
871                                                        }
872                                                }
873                                        }
874
875                                        // 蜷дarget繧堤｢ｺ隱阪＠縺ｦ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｯ縺ｪ縺九▲縺溷ｴ蜷域眠隕剰ｿｽ蜉
876                                        if(!isCommonNow){
877                                                isCommon = false;
878                                                ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
879                                                ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
880                                                source = ret['nodes'].length - 1;
881                                        }
882
883                                // 縺ｪ縺九▲縺溷ｴ蜷医�蛻･譚｡莉ｶ縺ｪ縺ｮ縺ｧ譁ｰ隕剰ｿｽ蜉縺励※谺｡縺ｸ
884                                }else{
885
886                                        isCommon = false;
887                                        ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
888                                        ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
889                                        source = ret['nodes'].length - 1;
890                                }
891                        // 譌｢縺ｫ蜈ｱ騾壹Ν繝ｼ繝医〒縺ｪ縺�↑繧画眠隕剰ｿｽ蜉縺励※谺｡縺ｸ
892                        }else{
893                                ret['nodes'].push({'name': obj[i]['classLinks'][j]['label'], 'uri': obj[i]['classLinks'][j]['linkedClass'], 'group': (j+1), 'x':0, 'y':0, 'nodeid':ret['nodes'].length, 'path': 'notend', 'nodecolor': '#cccccc'});
894                                ret['links'].push({'source':source, 'target':ret['nodes'].length - 1, 'property': propertytext, 'uri': obj[i]['classLinks'][j]['predicate']});
895                                source = ret['nodes'].length - 1;
896                        }
897
898                }
899                // 譛€蠕鯉ｼ域忰遶ｯ繝弱�繝会ｼ峨↓蜷�ｨｮ蛟､繧定ｿｽ蜉
900                ret['nodes'][ret['nodes'].length - 1]['path'] = obj[i];
901                ret['nodes'][ret['nodes'].length - 1]['score'] = score;
902                ret['nodes'][ret['nodes'].length - 1]['nodecolor'] = 'hsl(150, 50%, 75%)';
903                // 繝代せ謨ｰ繧定ｿｽ蜉
904                PATHNUM++;
905        }
906        // 繝弱�繝蛾俣縺ｮ繧ｹ繝壹�繧ｹ繧定ｨ育ｮ�
907        TREESPACE = $('.SBGraph').width() / (MAXDEPTH + 1);
908
909        // 縺ｧ縺阪◆邨先棡繧定ｿ斐☆
910        return ret;
911};
912
913set_map_location = function(myNodeIndex, nodes, links, depth, fromAngle, toAngle){
914
915    // depth縺梧悴螳夂ｾｩ縺ｪ繧峨�0繧偵そ繝�ヨ
916    if (depth == undefined){
917        depth = 0;
918    }
919
920    // 蜷�ｨｮ蛻晄悄蛹�
921    var children = undefined;
922    var parent = undefined;
923    var parentsChildren = undefined;
924
925    // links驟榊�縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ
926    for (var i=0; i<links.length; i++){
927        // 縺昴�links縺ｮtarget縺稽yNodeIndex縺ｪ繧英arent繧偵そ繝�ヨ
928        if (links[i].target == myNodeIndex){
929            parent = links[i].source;
930        }
931    }
932
933    // parent縺瑚ｦ九▽縺九▲縺ｦ縺�◆縺ｪ繧峨�
934    if (parent != undefined){
935        // parent縺ｨlinks繧呈ｸ｡縺揚et_children繝｡繧ｽ繝�ラ繧貞ｮ溯｡�
936        parentsChildren = get_children(parent, links);
937    }
938
939    if(myNodeIndex != 0){
940        DRAWHEIGHT += (NODEHEIGHT * 1.5);
941        var x = (depth * TREESPACE) + (TREESPACE / 3);
942        var y = DRAWHEIGHT;
943        nodes[myNodeIndex].x = x;
944        nodes[myNodeIndex].y = y;
945    }else{
946        var x = TREESPACE / 3;
947        var y = (NODEHEIGHT * 1.5) * ((PATHNUM - 1) / 2) + NODEHEIGHT;
948        nodes[myNodeIndex].x = x;
949        nodes[myNodeIndex].y = y;
950    }
951
952    children = get_children(myNodeIndex, links);
953
954    for (var i=0; i<children.length; i++){
955        if(i == 0){
956            DRAWHEIGHT -= (NODEHEIGHT * 1.5);
957        }
958        var child = children[i];
959        set_map_location(child, nodes, links, depth+1, fromAngle + ((toAngle - fromAngle) / children.length) * i, fromAngle + ((toAngle - fromAngle) / children.length) * (i+1));
960    }
961
962};
963
964// 謖�ｮ壹＆繧後◆隕ｪ縺梧戟縺､蟄舌ｒ霑斐☆
965get_children = function(index, links){
966    var children = new Array();
967    // links縺ｮ謨ｰ縺縺醍｢ｺ隱阪＠縺ｪ縺後ｉ
968    for (var i=0; i<links.length; i++){
969        // 隕ｪ縺梧ｸ｡縺輔ｌ縺溯ｦｪ縺ｨ荳€閾ｴ縺吶ｋ譎ゅ�蟄舌ｒ霑ｽ蜉
970        if (links[i].source == index){
971            children.push(links[i].target);
972        }
973    }
974    return children;
975};
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。