root/SPARQLBuilderWWW/web/newsparqlbuilder.js @ 245

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

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