| 389 | | // make_data繝｡繧ｽ繝�ラ縺ｮ邨先棡繧貞叙蠕� |
| 390 | | var json = make_data(0); |
| 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 | | var graphheight = ((NODEHEIGHT * 1.5) * PATHNUM) + (NODEHEIGHT / 2); |
| 401 | | |
| 402 | | var scoreleftmargin = NODEHEIGHT * 1.5; |
| 403 | | |
| 404 | | // SVG縺ｮ蜑企勁 |
| 405 | | d3.select(".SBGraph svg").remove(); |
| 406 | | // 逕ｻ髱｢繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺婀VG縺ｮ霑ｽ蜉 |
| 407 | | var svg = d3.select(".SBGraph").append("svg") |
| 408 | | .attr("width", width) |
| 409 | | .attr("height", height) |
| 410 | | .attr("viewBox", "0 0 " + width + " " + height) |
| 411 | | .on("mousewheel", function(){ |
| 412 | | var vb = svg.attr("viewBox"); |
| 413 | | var spvb = vb.split(" "); |
| 414 | | |
| 415 | | var vby = (parseInt(spvb[1]) - event.wheelDelta); |
| 416 | | |
| 417 | | if(vby < 0){ |
| 418 | | vby = 0; |
| 419 | | }else if(vby > (graphheight - height)){ |
| 420 | | vby = (graphheight - height); |
| 421 | | if(vby < 0){ |
| 422 | | vby = 0; |
| 423 | | } |
| 424 | | }else{ |
| 425 | | event.preventDefault(); |
| 426 | | } |
| 427 | | |
| 428 | | svg.attr("viewBox", "0 " + vby + " " + width + " " + height); |
| 429 | | }); |
| 430 | | |
| 431 | | // 閭梧勹縺ｮ霑ｽ蜉 |
| 432 | | var bg = svg |
| 433 | | .append("rect") |
| 434 | | .attr("x", 0) |
| 435 | | .attr("y", 0) |
| 436 | | .attr("width", width) |
| 437 | | .attr("height", function(){ |
| 438 | | if(graphheight < height){ |
| 439 | | return height; |
| 440 | | }else{ |
| 441 | | return graphheight; |
| 442 | | } |
| 443 | | }) |
| 444 | | .attr("fill", "#fafafa"); |
| 445 | | |
| 446 | | // links驟榊�繧呈ｸ｡縺励Μ繝ｳ繧ｯ縺ｮ菴懈� |
| 447 | | var link = svg.selectAll(".link") |
| 448 | | .data(json.links) |
| 449 | | .enter().append("line") |
| 450 | | .attr("class", "link") |
| 451 | | .style("stroke", "#999") |
| 452 | | .style("stroke-opacity", 0.6) |
| 453 | | .style("stroke-width", function(d) { return Math.sqrt(d.value);}); |
| 454 | | |
| 455 | | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨�菴懈� |
| 456 | | var node = svg.selectAll(".node") |
| 457 | | .data(json.nodes) |
| 458 | | .enter().append("circle") |
| 459 | | .attr("class", "node") |
| 460 | | .attr("r", (NODEHEIGHT / 2)) |
| 461 | | .attr("cx", function(d) { return d.x;} ) |
| 462 | | .attr("cy", function(d) { return d.y; }) |
| 463 | | .style("stroke", function(d) { return '#fafafa'; }) |
| 464 | | .style("stroke-width", function(d) { return '1.5px'; }) |
| 465 | | .style("fill", function(d) { return d.nodecolor; }) |
| 466 | | .style("cursor", function(d) { return 'pointer'; }); |
| 467 | | |
| 468 | | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈� |
| 469 | | var tnode = svg.selectAll("text.node") |
| 470 | | .data(json.nodes) |
| 471 | | .enter().append("svg:text") |
| 472 | | .attr("class", "tnode") |
| 473 | | .attr("x", function(d) { return d.x; }) |
| 474 | | .attr("y", function(d) { return d.y; }) |
| 475 | | .text(function(d) { return d.name; }) |
| 476 | | .style("fill", function(d) { return '#000000'; }) |
| 477 | | .style("text-anchor", function(d) { return 'middle'; }) |
| 478 | | .style("pointer-events", "none"); |
| 479 | | |
| 480 | | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医�菴懈� |
| 481 | | var tlink = svg.selectAll("text.link") |
| 482 | | .data(json.links) |
| 483 | | .enter().append("svg:text") |
| 484 | | .attr("class", "tlink") |
| 485 | | .attr("x", function(d) { return (json.nodes[d.source].x + json.nodes[d.target].x) / 2; }) |
| 486 | | .attr("y", function(d) { return (json.nodes[d.source].y + json.nodes[d.target].y) / 2; }) |
| 487 | | .style("fill", function(d) { return '#000000'; }) |
| 488 | | .style("text-anchor", function(d) { return 'middle'; }); |
| 489 | | |
| 490 | | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈� |
| 491 | | var tscore = svg.selectAll("text.score") |
| 492 | | .data(json.nodes) |
| 493 | | .enter().append("svg:text") |
| 494 | | .attr("class", "tscore") |
| 495 | | .attr("x", function(d) { return (d.x + scoreleftmargin); }) |
| 496 | | .attr("y", function(d) { return d.y; }) |
| 497 | | .text(function(d) { return d.score; |
| 498 | | }) |
| 499 | | .style("fill", function(d) { return '#FF0000'; }) |
| 500 | | .style("text-anchor", function(d) { return 'middle'; }) |
| 501 | | .style("pointer-events", "none"); |
| 502 | | |
| 503 | | // 繝槭え繧ｹ縺ｮ蜍輔″繧ｫ繧ｦ繝ｳ繝医ｒ繝ｫ繝ｼ繝医↓謖√◆縺帙ｋ |
| 504 | | MOUSEMOVED = 0; |
| 505 | | |
| 506 | | // 繝弱�繝峨∈縺ｮ繧ｪ繝ｳ繝槭え繧ｹ縺ｧ繝代せ謗｢邏｢縲√ヱ繧ｹ荳ｭ縺ｮ繝ｪ繝ｳ繧ｯ譁�ｭ励ｒ陦ｨ遉ｺ |
| 507 | | node.on("mouseover", function(d){ |
| 508 | | |
| 509 | | // 繝槭え繧ｹ縺ｮ蜍輔″繧ｫ繧ｦ繝ｳ繝医ｒ繝ｪ繧ｻ繝�ヨ |
| 510 | | node.data()[0].mousemoved = 0; |
| 511 | | |
| 512 | | // 陦ｨ遉ｺ縺吶ｋ繝代せ菫晏ｭ倡畑驟榊� |
| 513 | | var path = []; |
| 514 | | // 繝��繝ｫ繝√ャ繝励∈縺ｮ蜷榊燕陦ｨ遉ｺ逕ｨ驟榊� |
| 515 | | var pathname = []; |
| 516 | | |
| 517 | | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝我ｻ･螟悶↑繧� |
| 518 | | if(d.nodeid != 0){ |
| 519 | | // 縺ｾ縺壹が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�id縺ｨ蜷榊燕繧偵◎繧後◇繧瑚ｿｽ蜉 |
| 520 | | path.push(d.nodeid); |
| 521 | | pathname.push(d.name); |
| 522 | | |
| 523 | | // 繝代せ謗｢邏｢ |
| 524 | | do{ |
| 525 | | // 繝ｪ繝ｳ繧ｯ縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠ |
| 526 | | for(var i = 0; i < link.data().length; i++){ |
| 527 | | // 迴ｾ蝨ｨ縺ｮ譛蠕悟ｰｾ縺ｫ郢九′繧九Μ繝ｳ繧ｯ縺後≠繧後� |
| 528 | | if(path[(path.length-1)] == link.data()[i].target){ |
| 529 | | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�id繧定ｿｽ蜉 |
| 530 | | path.push(link.data()[i].source); |
| 531 | | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕縺ｨ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�蜷榊燕繧定ｿｽ蜉 |
| 532 | | pathname.push(link.data()[i].property); |
| 533 | | pathname.push(node.data()[link.data()[i].source].name); |
| 534 | | } |
| 535 | | } |
| 536 | | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨↓霎ｿ繧顔捩縺上∪縺ｧ郢ｰ繧願ｿ斐☆ |
| 537 | | }while(path[(path.length-1)] != 0); |
| 538 | | |
| 539 | | // 譛ｫ遶ｯ繝弱�繝峨〒縺ｪ縺�↑繧� |
| 540 | | if(d.path == "notend"){ |
| 541 | | // 繝��繝ｫ繝√ャ繝励ｒ髱櫁｡ｨ遉ｺ縺ｫ |
| 542 | | $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and <span style=\"color: hsl(200, 50%, 75%);\">push button</span> to generate a SPARQL</h1>'); |
| 543 | | }else{ |
| 544 | | // 譛ｫ遶ｯ繝弱�繝峨↑繧峨ヤ繝ｼ繝ｫ繝√ャ繝励�諠�ｱ繧呈峩譁ｰ |
| 545 | | var resultText = '<div class="SBGenButton" onclick="generateSPARQL()">Generate<br />SPARQL</div>'; |
| 546 | | // 繝代せ縺ｮ蜷榊燕驟榊�蛻�ｾ後ｍ縺九ｉ郢ｰ繧願ｿ斐＠縺ｪ縺後ｉ |
| 547 | | for (var i = pathname.length;i > 0; i--){ |
| 548 | | // 螂�焚逡ｪ逶ｮ�医ヮ繝ｼ繝峨�蜷榊燕�峨�螟ｪ蟄励↓ |
| 549 | | if(i % 2 == 1){ |
| 550 | | if(i == 1){ |
| 551 | | resultText = resultText + "<div class=\"SBLeafNode\">" + pathname[i - 1] + "</div>"; |
| 552 | | }else if(i == pathname.length){ |
| 553 | | resultText = resultText + "<div class=\"SBRootNode\">" + pathname[i - 1] + "</div>"; |
| 554 | | }else{ |
| 555 | | resultText = resultText + "<div class=\"SBPathNode\">" + pathname[i - 1] + "</div>"; |
| 556 | | } |
| 557 | | // 蛛ｶ謨ｰ逡ｪ逶ｮ�医Μ繝ｳ繧ｯ縺ｮ蜷榊燕�峨�縺昴�縺ｾ縺ｾ縺ｧ陦ｨ遉ｺ |
| 558 | | }else{ |
| 559 | | resultText = resultText + "<img src=\"images/pathline.png\"><div class=\"SBPathProperty\">" + pathname[i - 1] + "</div><img src=\"images/pathline.png\">"; |
| 560 | | } |
| 561 | | } |
| 562 | | |
| 563 | | // 繝��繝ｫ繝√ャ繝励�蜀�ｮｹ繧呈嶌縺肴鋤縺� |
| 564 | | $('.SBSelectedPath').html(resultText); |
| 565 | | |
| 566 | | // 繧ｵ繝ｼ繝悶Ξ繝�ヨ縺ｫ騾√ｊ霑斐☆繝代せ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ菫晏ｭ� |
| 567 | | pathobj = d.path; |
| 568 | | } |
| 569 | | |
| 570 | | $('.SBPath').css('overflow-y', 'visible'); |
| 571 | | |
| 572 | | if($('.SBPath').height() < $('.SBSelectedPath').innerHeight()){ |
| 573 | | $('.SBPath').css('overflow-y', 'scroll'); |
| 574 | | } |
| 575 | | } |
| 576 | | |
| 577 | | // 繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�鬮倥＆縺ｫ隕ｪ繧貞粋繧上○繧九◆繧√↓蜷医ｏ縺帙ｋ鬮倥＆繧剃ｿ晏ｭ� |
| 578 | | var movey = d.y; |
| 579 | | |
| 580 | | // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺� |
| 581 | | node |
| 582 | | // 霈ｪ驛ｭ邱壹�濶ｲ繧定ｨｭ螳� |
| 583 | | .style("stroke", function(d){ |
| 584 | | // 縺ｾ縺壹�閭梧勹濶ｲ�医ョ繝輔か繝ｫ繝茨ｼ峨ｒ謖�ｮ� |
| 585 | | var strokecolor = "#fafafa"; |
| 586 | | |
| 587 | | // 繝代せ蛻､螳壹�蜑榊�逅� |
| 588 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系ow�亥燕蝗槭が繝ｳ繝槭え繧ｹ縺ｧ蜍輔＞縺ｦ縺�◆繝弱�繝会ｼ峨↑繧� |
| 589 | | if(d.view == "now"){ |
| 590 | | // 繝弱�繝峨�陦ｨ遉ｺ繝輔Λ繧ｰ繧地o縺ｫ |
| 591 | | d.view = "no"; |
| 592 | | } |
| 593 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺稽oved�医け繝ｪ繝�け縺輔ｌ蝗ｺ螳壽ｸ医∩縺縺悟燕蝗槫虚縺�※縺�◆繝弱�繝会ｼ峨↑繧� |
| 594 | | if(d.view == "moved"){ |
| 595 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ繧団licked縺ｫ謌ｻ縺� |
| 596 | | d.view = "clicked"; |
| 597 | | } |
| 598 | | |
| 599 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系o縺ｮ繧ゅ�縺九ｉ遒ｺ隱� |
| 600 | | if(d.view == "no"){ |
| 601 | | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ |
| 602 | | for(var n = 0; n < path.length; n++){ |
| 603 | | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ |
| 604 | | if(path[n] == d.nodeid){ |
| 605 | | // 霈ｪ驛ｭ邱壹ｒ襍､縺ｫ |
| 606 | | strokecolor = "#ffaaaa"; |
| 607 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ繧地ow�井ｻ雁屓蜍輔＞縺溘ヮ繝ｼ繝会ｼ峨↓ |
| 608 | | d.view = "now"; |
| 609 | | } |
| 610 | | } |
| 611 | | // 蝗ｺ螳壽ｸ医∩繝弱�繝峨□縺｣縺溘ｉ |
| 612 | | }else if(d.view == "clicked"){ |
| 613 | | // 縺ｾ縺壹�霈ｪ驛ｭ邱壹ｒ襍､縺ｫ |
| 614 | | strokecolor = "#ffaaaa"; |
| 615 | | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨°繝√ぉ繝�け |
| 616 | | for(var n = 0; n < path.length; n++){ |
| 617 | | if(path[n] == d.nodeid){ |
| 618 | | // 蜷ｫ縺ｾ繧後※縺�◆縺ｪ繧我ｻ雁屓蜍輔°縺吶◆繧√ヵ繝ｩ繧ｰ繧知oved縺ｫ |
| 619 | | d.view = "moved"; |
| 620 | | } |
| 621 | | } |
| 622 | | } |
| 623 | | |
| 624 | | // 縺薙％縺ｾ縺ｧ縺ｧ蠕励ｉ繧後◆霈ｪ驛ｭ邱壹�濶ｲ繧定ｿ斐☆ |
| 625 | | return strokecolor; |
| 626 | | }) |
| 627 | | // 鬮倥＆縺ｮ蛟､ |
| 628 | | .attr("cy", function(d){ |
| 629 | | // 繝弱�繝峨′莉雁屓繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘�縺ｾ縺溘�蝗ｺ螳壽ｸ医∩縺縺檎ｧｻ蜍輔ヵ繝ｩ繧ｰ繧偵▽縺代ｉ繧後※縺�ｌ縺ｰ |
| 630 | | if(d.view == "now" || d.view == "moved"){ |
| 631 | | // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧貞叙蠕� |
| 632 | | var curty = d.y; |
| 633 | | // d.y縺ｫ蟄舌ヮ繝ｼ繝峨�鬮倥＆繧偵そ繝�ヨ |
| 634 | | d.y = movey; |
| 635 | | // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧定ｿ斐☆�医％縺ｮ譎らせ縺ｧ縺ｯ迴ｾ蝨ｨ菴咲ｽｮ縺ｫ謠冗判縺輔ｌ縲〉edraw髢｢謨ｰ縺ｧd.y縺ｫ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺輔ｌ繧具ｼ� |
| 636 | | return curty; |
| 637 | | // 遘ｻ蜍募ｯｾ雎｡縺ｧ縺ｪ縺�↑繧� |
| 638 | | }else{ |
| 639 | | // 迴ｾ蝨ｨ菴咲ｽｮ繧偵◎縺ｮ縺ｾ縺ｾ霑斐☆ |
| 640 | | return d.y; |
| 641 | | } |
| 642 | | }); |
| 643 | | |
| 644 | | // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓蟇ｾ縺� |
| 645 | | tlink |
| 646 | | // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳� |
| 647 | | .text(function(d) { |
| 648 | | // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ繧偵そ繝�ヨ |
| 649 | | var linktext = ""; |
| 650 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系ow�亥燕蝗櫁｡ｨ遉ｺ縺輔ｌ縺ｦ縺�◆繝ｪ繝ｳ繧ｯ�峨↑繧� |
| 651 | | if(d.view == "now"){ |
| 652 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ繧定ｧ｣髯､ |
| 653 | | d.view = "no"; |
| 654 | | } |
| 655 | | |
| 656 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺系o縺ｪ繧� |
| 657 | | if(d.view == "no"){ |
| 658 | | // 繝代せ縺ｮ繝弱�繝画焚蛻�ｹｰ繧願ｿ斐＠ |
| 659 | | for(var t = 0; t < path.length; t++){ |
| 660 | | // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ�医°縺､縺昴�繝弱�繝峨′謚倥ｊ縺溘◆縺ｾ繧後※縺�↑縺代ｌ縺ｰ�� |
| 661 | | if(path[t] == d.target && node.data()[d.target].view != "hide"){ |
| 662 | | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ |
| 663 | | linktext = d.property |
| 664 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺ｫnow繧偵そ繝�ヨ |
| 665 | | d.view = "now"; |
| 666 | | } |
| 667 | | } |
| 668 | | // 陦ｨ遉ｺ繝輔Λ繧ｰ縺掲ix�医け繝ｪ繝�け縺輔ｌ縺溘ヱ繧ｹ縺ｮ繝ｪ繝ｳ繧ｯ�峨↑繧峨��医°縺､郢九′繧句�縺ｮ繝弱�繝峨′謚倥ｊ縺溘◆縺ｾ繧後※縺�↑縺代ｌ縺ｰ�� |
| 669 | | }else if(d.view == "fix" && node.data()[d.target].view != "hide"){ |
| 670 | | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ |
| 671 | | linktext = d.property |
| 672 | | } |
| 673 | | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ霑斐☆ |
| 674 | | return linktext; |
| 675 | | }); |
| | 390 | // make_data繝｡繧ｽ繝�ラ縺ｮ邨先棡繧貞叙蠕� |
| | 391 | var json = make_data(0); |
| | 392 | |
| | 393 | // 繝代せ謨ｰ縺�縺ｧ縺ｪ縺代ｌ縺ｰ |
| | 394 | if(json['nodes'].length != 0){ |
| | 395 | |
| | 396 | // 蜃ｺ譚･荳翫′縺｣縺溽ｵ先棡繧呈ｸ｡縺励※繝槭ャ繝嶺ｸ翫�蠎ｧ讓吶ｒ繧ｻ繝�ヨ |
| | 397 | set_map_location(0, json['nodes'], json['links']); |
| | 398 | |
| | 399 | // SVG縺ｮ蟷�→鬮倥＆逕ｨ縺ｫ謠冗判鬆伜沺縺ｮ繧ｵ繧､繧ｺ繧貞叙蠕� |
| | 400 | var width = $('.SBGraph').width(); |
| | 401 | var height = $('.SBGraph').height(); |
| | 402 | // SVG蜀��繧ｰ繝ｩ繝暮Κ蛻�ｫ倥＆�医ヱ繧ｹ謨ｰ縺ｫ蠢懊§繧具ｼ峨ｒ繧ｻ繝�ヨ |
| | 403 | var graphheight = ((NODEHEIGHT * 1.5) * PATHNUM) + (NODEHEIGHT / 2); |
| | 404 | |
| | 405 | // 繧ｹ繧ｳ繧｢陦ｨ遉ｺ縺ｮ繝槭�繧ｸ繝ｳ |
| | 406 | var scoreleftmargin = NODEHEIGHT * 1.5; |
| | 407 | |
| | 408 | // SVG縺ｮ蜑企勁 |
| | 409 | d3.select(".SBGraph svg").remove(); |
| | 410 | // 逕ｻ髱｢繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺婀VG縺ｮ霑ｽ蜉 |
| | 411 | var svg = d3.select(".SBGraph").append("svg") |
| | 412 | .attr("width", width) |
| | 413 | .attr("height", height) |
| | 414 | // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ繧ｻ繝�ヨ |
| | 415 | .attr("viewBox", "0 0 " + width + " " + height) |
| | 416 | // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺輔ｌ縺溘ｉ |
| | 417 | .on("mousewheel", function(){ |
| | 418 | // 迴ｾ蝨ｨ縺ｮ繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮ迥ｶ諷九ｒ蜿門ｾ� |
| | 419 | var vb = svg.attr("viewBox"); |
| | 420 | // 繧ｹ繝壹�繧ｹ縺ｧ蛹ｺ蛻�ｊ蜷�､縺ｫ蛻�ｧ｣ |
| | 421 | var spvb = vb.split(" "); |
| | 422 | |
| | 423 | // 繝薙Η繝ｼ繝懊ャ繧ｯ繧ｹ縺ｮy縺ｮ蛟､縺九ｉ莉雁屓縺ｮ繝帙う繝ｼ繝ｫ繧､繝吶Φ繝医�蟾ｮ蛻�ｒ蠑輔￥ |
| | 424 | var vby = (parseInt(spvb[1]) - event.wheelDelta); |
| | 425 | |
| | 426 | // 0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ |
| | 427 | if(vby < 0){ |
| | 428 | vby = 0; |
| | 429 | // 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ荳企剞�医げ繝ｩ繝輔し繧､繧ｺ蠑輔￥陦ｨ遉ｺ鬆伜沺繧ｵ繧､繧ｺ�峨ｒ雜�∴縺ｦ縺�◆繧芽｣懈ｭ｣ |
| | 430 | }else if(vby > (graphheight - height)){ |
| | 431 | vby = (graphheight - height); |
| | 432 | // 陬懈ｭ｣縺励◆邨先棡0繧貞牡縺｣縺ｦ縺�◆繧�縺ｫ |
| | 433 | if(vby < 0){ |
| | 434 | vby = 0; |
| | 435 | } |
| | 436 | } |
| | 437 | |
| | 438 | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆y繧偵そ繝�ヨ縺励ン繝･繝ｼ繝懊ャ繧ｯ繧ｹ繧呈峩譁ｰ |
| | 439 | svg.attr("viewBox", "0 " + vby + " " + width + " " + height); |
| | 440 | }); |
| | 441 | |
| | 442 | // 閭梧勹縺ｮ霑ｽ蜉�磯ｫ倥＆莉･螟悶�謠冗判鬆伜沺縺昴�縺ｾ縺ｾ�� |
| | 443 | var bg = svg |
| | 444 | .append("rect") |
| | 445 | .attr("x", 0) |
| | 446 | .attr("y", 0) |
| | 447 | .attr("width", width) |
| | 448 | .attr("height", function(){ |
| | 449 | // 繧ｰ繝ｩ繝暮Κ蛻��鬮倥＆縺梧緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧貞牡縺｣縺ｦ縺�◆繧会ｼ医ヱ繧ｹ縺悟ｰ代↑縺代ｌ縺ｰ�画緒逕ｻ鬆伜沺縺ｮ鬮倥＆繧定ｿ斐☆ |
| | 450 | if(graphheight < height){ |
| | 451 | return height; |
| | 452 | }else{ |
| | 453 | return graphheight; |
| | 454 | } |
| | 455 | }) |
| | 456 | // 閭梧勹繧定埋縺�げ繝ｬ繝ｼ縺ｫ |
| | 457 | .attr("fill", "#fafafa"); |
| | 458 | |
| | 459 | // links驟榊�繧呈ｸ｡縺励Μ繝ｳ繧ｯ縺ｮ菴懈� |
| | 460 | var link = svg.selectAll(".link") |
| | 461 | .data(json.links) |
| | 462 | .enter().append("line") |
| | 463 | .attr("class", "link") |
| | 464 | .style("stroke", "#999") |
| | 465 | .style("stroke-opacity", 0.6) |
| | 466 | .style("stroke-width", 2); |
| | 467 | |
| | 468 | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨�菴懈� |
| | 469 | var node = svg.selectAll(".node") |
| | 470 | .data(json.nodes) |
| | 471 | .enter().append("circle") |
| | 472 | .attr("class", "node") |
| | 473 | .attr("r", (NODEHEIGHT / 2)) |
| | 474 | .attr("cx", function(d) { return d.x;} ) |
| | 475 | .attr("cy", function(d) { return d.y; }) |
| | 476 | .style("fill", function(d) { return d.nodecolor; }) |
| | 477 | .style("stroke", '#fafafa') |
| | 478 | .style("stroke-width", '1.5px') |
| | 479 | .style("cursor", 'pointer'); |
| | 480 | |
| | 481 | // nodes驟榊�繧呈ｸ｡縺励ヮ繝ｼ繝峨ユ繧ｭ繧ｹ繝医�菴懈� |
| | 482 | var tnode = svg.selectAll("text.node") |
| | 483 | .data(json.nodes) |
| | 484 | .enter().append("svg:text") |
| | 485 | .attr("class", "tnode") |
| | 486 | .attr("x", function(d) { return d.x; }) |
| | 487 | .attr("y", function(d) { return d.y; }) |
| | 488 | .text(function(d) { return d.name; }) |
| | 489 | .style("fill", '#000000') |
| | 490 | .style("text-anchor", 'middle') |
| | 491 | .style("pointer-events", "none"); |
| | 492 | |
| | 493 | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医�菴懈� |
| | 494 | var tlink = svg.selectAll("text.link") |
| | 495 | .data(json.links) |
| | 496 | .enter().append("svg:text") |
| | 497 | .attr("class", "tlink") |
| | 498 | .attr("x", function(d) { return (json.nodes[d.source].x + json.nodes[d.target].x) / 2; }) |
| | 499 | .attr("y", function(d) { return (json.nodes[d.source].y + json.nodes[d.target].y) / 2; }) |
| | 500 | .style("fill", '#000000') |
| | 501 | .style("text-anchor", 'middle'); |
| | 502 | |
| | 503 | // 繧ｹ繧ｳ繧｢繝�く繧ｹ繝医�菴懈� |
| | 504 | var tscore = svg.selectAll("text.score") |
| | 505 | .data(json.nodes) |
| | 506 | .enter().append("svg:text") |
| | 507 | .attr("class", "tscore") |
| | 508 | .attr("x", function(d) { return (d.x + scoreleftmargin); }) |
| | 509 | .attr("y", function(d) { return d.y; }) |
| | 510 | .text(function(d) { return d.score; }) |
| | 511 | .style("fill", '#ff0000') |
| | 512 | .style("text-anchor", 'middle') |
| | 513 | .style("pointer-events", "none"); |
| | 514 | |
| | 515 | // 繝弱�繝峨∈縺ｮ繧ｪ繝ｳ繝槭え繧ｹ縺ｧ繝代せ謗｢邏｢縲√ヱ繧ｹ荳ｭ縺ｮ繝ｪ繝ｳ繧ｯ譁�ｭ励ｒ陦ｨ遉ｺ |
| | 516 | node.on("mouseover", function(d){ |
| | 517 | |
| | 518 | // 陦ｨ遉ｺ縺吶ｋ繝代せ菫晏ｭ倡畑驟榊� |
| | 519 | var path = []; |
| | 520 | // 繝代せ陦ｨ遉ｺ諠�ｱ菫晏ｭ倡畑驟榊� |
| | 521 | var pathname = []; |
| | 522 | |
| | 523 | // 縺ｾ縺壹が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�id縺ｨ蜷榊燕繧偵◎繧後◇繧瑚ｿｽ蜉 |
| | 524 | path.push(d.nodeid); |
| | 525 | pathname.push(d.name); |
| | 526 | |
| | 527 | // 繝代せ謗｢邏｢ |
| | 528 | do{ |
| | 529 | // 繝ｪ繝ｳ繧ｯ縺ｮ謨ｰ縺縺醍ｹｰ繧願ｿ斐＠ |
| | 530 | for(var i = 0; i < link.data().length; i++){ |
| | 531 | // 迴ｾ蝨ｨ縺ｮ譛蠕悟ｰｾ縺ｫ郢九′繧九Μ繝ｳ繧ｯ縺後≠繧後� |
| | 532 | if(path[(path.length-1)] == link.data()[i].target){ |
| | 533 | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�id繧定ｿｽ蜉 |
| | 534 | path.push(link.data()[i].source); |
| | 535 | // 縺昴�繝ｪ繝ｳ繧ｯ縺ｮ蜷榊燕縺ｨ繧ｽ繝ｼ繧ｹ蛛ｴ繝弱�繝峨�蜷榊燕繧定ｿｽ蜉 |
| | 536 | pathname.push(link.data()[i].property); |
| | 537 | pathname.push(node.data()[link.data()[i].source].name); |
| | 538 | } |
| | 539 | } |
| | 540 | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨↓霎ｿ繧顔捩縺上∪縺ｧ郢ｰ繧願ｿ斐☆ |
| | 541 | }while(path[(path.length-1)] != 0); |
| | 542 | |
| | 543 | // 繝ｫ繝ｼ繝医ヮ繝ｼ繝峨∪縺溘�騾比ｸｭ繝弱�繝峨↑繧� |
| | 544 | if(d.nodeid == 0 || d.path == "notend"){ |
| | 545 | // 繝代せ陦ｨ遉ｺ鬆伜沺繧偵ョ繝輔か繝ｫ繝医↓ |
| | 546 | $('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and <span style=\"color: hsl(200, 50%, 75%);\">push button</span> to generate a SPARQL</h1>'); |
| | 547 | // 譛ｫ遶ｯ繝弱�繝峨↑繧� |
| | 548 | }else{ |
| | 549 | |
| | 550 | // 繝代せ陦ｨ遉ｺ鬆伜沺逕ｨ譁�ｭ怜��医ず繧ｧ繝阪Ξ繝ｼ繝医�繧ｿ繝ｳ繧偵∪縺夊ｿｽ蜉�� |
| | 551 | var resultText = '<div class="SBGenButton" onclick="generateSPARQL()">Generate<br />SPARQL</div>'; |
| | 552 | // 繝代せ縺ｮ蜷榊燕驟榊�蛻�ｾ後ｍ縺九ｉ郢ｰ繧願ｿ斐＠縺ｪ縺後ｉ |
| | 553 | for (var i = pathname.length;i > 0; i--){ |
| | 554 | // 螂�焚逡ｪ逶ｮ�医ヮ繝ｼ繝会ｼ峨↑繧� |
| | 555 | if(i % 2 == 1){ |
| | 556 | // 繝ｫ繝ｼ繝医°騾比ｸｭ縺区忰遶ｯ縺九↓蠢懊§縺ｦ繧ｯ繝ｩ繧ｹ繧呈欠螳壹＠霑ｽ險� |
| | 557 | if(i == 1){ |
| | 558 | resultText = resultText + "<div class=\"SBLeafNode\">" + pathname[i - 1] + "</div>"; |
| | 559 | }else if(i == pathname.length){ |
| | 560 | resultText = resultText + "<div class=\"SBRootNode\">" + pathname[i - 1] + "</div>"; |
| | 561 | }else{ |
| | 562 | resultText = resultText + "<div class=\"SBPathNode\">" + pathname[i - 1] + "</div>"; |
| | 563 | } |
| | 564 | // 蛛ｶ謨ｰ逡ｪ逶ｮ�医Μ繝ｳ繧ｯ�峨�繝ｪ繝ｳ繧ｯ逕ｻ蜒上ｒ蜑榊ｾ後↓縺､縺題ｿｽ險� |
| | 565 | }else{ |
| | 566 | resultText = resultText + "<img src=\"images/pathline.png\"><div class=\"SBPathProperty\">" + pathname[i - 1] + "</div><img src=\"images/pathline.png\">"; |
| | 567 | } |
| | 568 | } |
| | 569 | |
| | 570 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ蜀�ｮｹ繧呈嶌縺肴鋤縺� |
| | 571 | $('.SBSelectedPath').html(resultText); |
| | 572 | |
| | 573 | // 繧ｵ繝ｼ繝悶Ξ繝�ヨ縺ｫ騾√ｊ霑斐☆繝代せ繧ｪ繝悶ず繧ｧ繧ｯ繝医ｒ菫晏ｭ� |
| | 574 | pathobj = d.path; |
| | 575 | |
| | 576 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒvisivle縺ｫ |
| | 577 | $('.SBPath').css('overflow-y', 'visible'); |
| | 578 | |
| | 579 | // 繝代せ蜀�ｮｹ縺ｮ鬮倥＆縺後ヱ繧ｹ陦ｨ遉ｺ鬆伜沺繧定ｶ�∴縺ｦ縺�◆繧� |
| | 580 | if($('.SBPath').height() < $('.SBSelectedPath').innerHeight()){ |
| | 581 | // 繝代せ陦ｨ遉ｺ鬆伜沺縺ｮ陦ｨ遉ｺ險ｭ螳壹ｒ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺ｫ |
| | 582 | $('.SBPath').css('overflow-y', 'scroll'); |
| | 583 | } |
| | 584 | } |
| | 585 | |
| | 586 | // 繧ｪ繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨�鬮倥＆縺ｫ隕ｪ繧貞粋繧上○繧九◆繧√↓蜷医ｏ縺帙ｋ鬮倥＆繧剃ｿ晏ｭ� |
| | 587 | var movey = d.y; |
| | 588 | |
| | 589 | // 蜷�ヮ繝ｼ繝峨↓蟇ｾ縺� |
| | 590 | node |
| | 591 | // 霈ｪ驛ｭ邱壹�濶ｲ繧定ｨｭ螳� |
| | 592 | .style("stroke", function(d){ |
| | 593 | // 縺ｾ縺壹�閭梧勹濶ｲ�医ョ繝輔か繝ｫ繝茨ｼ峨ｒ謖�ｮ� |
| | 594 | var strokecolor = "#fafafa"; |
| | 595 | |
| | 596 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ |
| | 597 | for(var n = 0; n < path.length; n++){ |
| | 598 | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ |
| | 599 | if(path[n] == d.nodeid){ |
| | 600 | // 霈ｪ驛ｭ邱壹ｒ襍､縺ｫ |
| | 601 | strokecolor = "#ffaaaa"; |
| | 602 | } |
| | 603 | } |
| | 604 | |
| | 605 | // 縺薙％縺ｾ縺ｧ縺ｧ蠕励ｉ繧後◆霈ｪ驛ｭ邱壹�濶ｲ繧定ｿ斐☆ |
| | 606 | return strokecolor; |
| | 607 | }) |
| | 608 | // 鬮倥＆縺ｮ蛟､ |
| | 609 | .attr("cy", function(d){ |
| | 610 | |
| | 611 | // 迴ｾ蝨ｨ縺ｮ鬮倥＆繧貞叙蠕� |
| | 612 | var currenty = d.y |
| | 613 | |
| | 614 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ |
| | 615 | for(var n = 0; n < path.length; n++){ |
| | 616 | // 繝代せ蜀�↓蜷ｫ縺ｾ繧後ｋ繝弱�繝峨□縺｣縺溘ｉ |
| | 617 | if(path[n] == d.nodeid){ |
| | 618 | // 蜀�Κ縺ｧ謖√▽鬮倥＆繧偵が繝ｳ繝槭え繧ｹ縺輔ｌ縺溘ヮ繝ｼ繝峨→蜷後§縺ｫ�亥�謠冗判譎ゅ↓蜿肴丐�� |
| | 619 | d.y = movey; |
| | 620 | } |
| | 621 | } |
| | 622 | |
| | 623 | // 莉翫�迴ｾ譎らせ縺ｮ鬮倥＆繧定ｿ斐☆ |
| | 624 | return currenty; |
| | 625 | }); |
| | 626 | |
| | 627 | // 蜷�Μ繝ｳ繧ｯ繝�く繧ｹ繝医↓蟇ｾ縺� |
| | 628 | tlink |
| | 629 | // 繝�く繧ｹ繝郁｡ｨ遉ｺ蛻､螳� |
| | 630 | .text(function(d) { |
| | 631 | // 繝�ヵ繧ｩ繝ｫ繝医〒遨ｺ繧偵そ繝�ヨ |
| | 632 | var linktext = ""; |
| | 633 | |
| | 634 | // 繝代せ縺ｮ繝弱�繝画焚縺縺醍ｹｰ繧願ｿ斐＠縺ｪ縺後ｉ |
| | 635 | for(var t = 0; t < path.length; t++){ |
| | 636 | // 閾ｪ霄ｫ縺後◎縺ｮ繝弱�繝峨∈謗･邯壹＠縺ｦ縺�ｋ繝ｪ繝ｳ繧ｯ縺ｪ繧峨� |
| | 637 | if(path[t] == d.target){ |
| | 638 | // 繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医↓繝励Ο繝代ユ繧｣縺ｮ蛟､繧偵そ繝�ヨ |
| | 639 | linktext = d.property |
| | 640 | } |
| | 641 | } |
| | 642 | |
| | 643 | // 縺薙％縺ｾ縺ｧ縺ｧ縺ｧ縺阪◆繝ｪ繝ｳ繧ｯ繝�く繧ｹ繝医ｒ霑斐☆ |
| | 644 | return linktext; |
| | 645 | }); |
