root/SPARQLBuilderWWW/web/newsparqlbuilder.js @ 244

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

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