root/SPARQLBuilderWWW/web/newsparqlbuilder.js @ 238

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

コードの簡略化（途中まで）

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