"틀:SemanticGraph"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
1번째 줄: 1번째 줄:
 
<onlyinclude>
 
<onlyinclude>
 
{{#tag:html|
 
{{#tag:html|
<div id="semantic-graph-container">
+
<iframe width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key|}}}"></iframe>
<iframe id="semantic-graph-iframe" width="100%" height="640px" style="border:0" src="https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key{{!}}|}}}"></iframe>
 
 
<br/>
 
<br/>
<input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
+
<input type="button" value="전체화면" onclick="location.href='https://app.vaquitalab.com/aistory/story01?server=tcp:encyves.aks.ac.kr&db=gwangju2025&project=gwangju&key={{{key}}}'">
</div>
 
<script>
 
(function() {
 
  var iframe = document.getElementById('semantic-graph-iframe');
 
  var container = document.getElementById('semantic-graph-container');
 
  var iframeSrc = iframe.src;
 
 
 
  // API 엔드포인트로 데이터 존재 여부 확인
 
  fetch(iframeSrc.replace('/story01?', '/api/check?'))
 
    .then(function(response) {
 
      return response.text();
 
    })
 
    .then(function(data) {
 
      // 응답이 비어있거나 에러면 숨김
 
      if (!data {{!}}{{!}} data.length < 100) {
 
        hideGraphSection();
 
      }
 
    })
 
    .catch(function(error) {
 
      console.log('fetch error:', error);
 
      // fetch 실패시에도 숨기지 않음 (네트워크 오류일 수 있음)
 
    });
 
 
 
  function hideGraphSection() {
 
    var pTag = container.closest('p');
 
    if (pTag) {
 
      pTag.style.display = 'none';
 
     
 
      var prevElement = pTag.previousElementSibling;
 
      while (prevElement) {
 
        if (prevElement.tagName === 'H2') {
 
          prevElement.style.display = 'none';
 
          break;
 
        }
 
        prevElement = prevElement.previousElementSibling;
 
      }
 
    }
 
  }
 
})();
 
</script>
 
 
}}
 
}}
 
</onlyinclude>
 
</onlyinclude>
 
 
  
  

2026년 1월 12일 (월) 09:40 기준 최신판



사용방법

시맨틱 데이터베이스의 특정 노드를 중심으로 하는 네트워크 그래프를 출력하는 틀입니다

{{SemanticGraph | key = }}