"Yuna.lst"의 두 판 사이의 차이

dh_edu
이동: 둘러보기, 검색
(문서를 비움)
(태그: 비우기)
 
1번째 줄: 1번째 줄:
  
<html>
 
<head>
 
  <title>Simple Ontology Visualization</title>
 
  <meta charset='UTF-8'/>
 
  <meta property='og:title' content='Simple Ontology Visualization'/>
 
  <meta property='og:image' content='http://dh.aks.ac.kr/Graph/vis/img/makeGraph.jpg'/>
 
  <meta name='description' content='vis.js Network API Script'/>
 
  <meta name='author' content='Center for Digital Humanities at AKS'/>
 
  <script type='text/javascript' src='http://dh.aks.ac.kr/Graph/vis/dist/vis.js'></script>
 
  <link href='http://dh.aks.ac.kr/Graph/vis/dist/vis.css' rel='stylesheet' type='text/css' />
 
  <link href='http://dh.aks.ac.kr/Graph/vis/dist/vis-network.min.css' rel='stylesheet' type='text/css'/>
 
  <style type='text/css'>
 
      #mynetwork {
 
        border: 1px solid lightgray;
 
        width:100%;
 
        height: 90%;
 
      }
 
  </style>
 
 
  <script type='text/javascript'>
 
 
 
  var nodesArray = [], edgesArray = [];
 
  var network = null;
 
 
  function destroy() {
 
      if (network !== null) {
 
        network.destroy();
 
        network = null;
 
        nodesArray = [];
 
        edgesArray = [];     
 
      }
 
  } 
 
 
  function draw() {
 
 
      destroy();
 
 
      nodesArray.push({
 
        id: '我亲爱的小洁癖',
 
        label: '我亲爱的小洁癖',
 
        title: '我亲爱的小洁癖',
 
        shape: 'star',
 
        color: {background: 'white',
 
            border: 'red'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: 'AI음성안내',
 
        label: 'AI음성안내',
 
        title: 'AI음성안내',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '감정',
 
        label: '감정',
 
        title: '감정',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '구매',
 
        label: '구매',
 
        title: '구매',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '방송',
 
        label: '방송',
 
        title: '방송',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '사고',
 
        label: '사고',
 
        title: '사고',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '상담',
 
        label: '상담',
 
        title: '상담',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '소개',
 
        label: '소개',
 
        title: '소개',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '아르바이트',
 
        label: '아르바이트',
 
        title: '아르바이트',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '업무',
 
        label: '업무',
 
        title: '업무',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '연애',
 
        label: '연애',
 
        title: '연애',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '유흥',
 
        label: '유흥',
 
        title: '유흥',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '인간관계',
 
        label: '인간관계',
 
        title: '인간관계',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '일상',
 
        label: '일상',
 
        title: '일상',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '잡무',
 
        label: '잡무',
 
        title: '잡무',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '학업',
 
        label: '학업',
 
        title: '학업',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '호객',
 
        label: '호객',
 
        title: '호객',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사생활',
 
        label: '회사생활',
 
        title: '회사생활',
 
        shape: 'circle',
 
        color: {background: 'white',
 
            border: 'pink'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '강연장',
 
        label: '강연장',
 
        title: '강연장',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '고객집',
 
        label: '고객집',
 
        title: '고객집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾梅花집',
 
        label: '顾梅花집',
 
        title: '顾梅花집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐사무실',
 
        label: '顾人齐사무실',
 
        title: '顾人齐사무실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐서재',
 
        label: '顾人齐서재',
 
        title: '顾人齐서재',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐집',
 
        label: '顾人齐집',
 
        title: '顾人齐집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐집거실',
 
        label: '顾人齐집거실',
 
        title: '顾人齐집거실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐집앞',
 
        label: '顾人齐집앞',
 
        title: '顾人齐집앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐집주방',
 
        label: '顾人齐집주방',
 
        title: '顾人齐집주방',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐집현관',
 
        label: '顾人齐집현관',
 
        title: '顾人齐집현관',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '공동묘지',
 
        label: '공동묘지',
 
        title: '공동묘지',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '공원',
 
        label: '공원',
 
        title: '공원',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '길거리',
 
        label: '길거리',
 
        title: '길거리',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '놀이터',
 
        label: '놀이터',
 
        title: '놀이터',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '老金집',
 
        label: '老金집',
 
        title: '老金집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '陆显집',
 
        label: '陆显집',
 
        title: '陆显집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '李东贤집',
 
        label: '李东贤집',
 
        title: '李东贤집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '마트',
 
        label: '마트',
 
        title: '마트',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '방송국',
 
        label: '방송국',
 
        title: '방송국',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '방송국앞',
 
        label: '방송국앞',
 
        title: '방송국앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '백화점',
 
        label: '백화점',
 
        title: '백화점',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '벤치',
 
        label: '벤치',
 
        title: '벤치',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '병원',
 
        label: '병원',
 
        title: '병원',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '小磊연습실',
 
        label: '小磊연습실',
 
        title: '小磊연습실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '쇼핑몰',
 
        label: '쇼핑몰',
 
        title: '쇼핑몰',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '술집',
 
        label: '술집',
 
        title: '술집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '슈퍼앞',
 
        label: '슈퍼앞',
 
        title: '슈퍼앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇방',
 
        label: '是双娇방',
 
        title: '是双娇방',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇본가',
 
        label: '是双娇본가',
 
        title: '是双娇본가',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집',
 
        label: '是双娇집',
 
        title: '是双娇집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집거실',
 
        label: '是双娇집거실',
 
        title: '是双娇집거실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집문앞',
 
        label: '是双娇집문앞',
 
        title: '是双娇집문앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집앞',
 
        label: '是双娇집앞',
 
        title: '是双娇집앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집주방',
 
        label: '是双娇집주방',
 
        title: '是双娇집주방',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집현관',
 
        label: '是双娇집현관',
 
        title: '是双娇집현관',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇집화장실',
 
        label: '是双娇집화장실',
 
        title: '是双娇집화장실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '에스컬레이터',
 
        label: '에스컬레이터',
 
        title: '에스컬레이터',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '엘리베이터',
 
        label: '엘리베이터',
 
        title: '엘리베이터',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '영화관',
 
        label: '영화관',
 
        title: '영화관',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '汪倩倩사무실',
 
        label: '汪倩倩사무실',
 
        title: '汪倩倩사무실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '汪倩倩집',
 
        label: '汪倩倩집',
 
        title: '汪倩倩집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '음식점',
 
        label: '음식점',
 
        title: '음식점',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '정류장',
 
        label: '정류장',
 
        title: '정류장',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '주차장',
 
        label: '주차장',
 
        title: '주차장',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '朱妍집',
 
        label: '朱妍집',
 
        title: '朱妍집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '직원사무실',
 
        label: '직원사무실',
 
        title: '직원사무실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '차안',
 
        label: '차안',
 
        title: '차안',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '카페',
 
        label: '카페',
 
        title: '카페',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '편의점',
 
        label: '편의점',
 
        title: '편의점',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '학교',
 
        label: '학교',
 
        title: '학교',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '할아버지집',
 
        label: '할아버지집',
 
        title: '할아버지집',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '화장실',
 
        label: '화장실',
 
        title: '화장실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '화장실앞',
 
        label: '화장실앞',
 
        title: '화장실앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사',
 
        label: '회사',
 
        title: '회사',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사계단',
 
        label: '회사계단',
 
        title: '회사계단',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사로비',
 
        label: '회사로비',
 
        title: '회사로비',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사복도',
 
        label: '회사복도',
 
        title: '회사복도',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사앞',
 
        label: '회사앞',
 
        title: '회사앞',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회사휴게실',
 
        label: '회사휴게실',
 
        title: '회사휴게실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '회의실',
 
        label: '회의실',
 
        title: '회의실',
 
        shape: 'box',
 
        color: {background: 'white',
 
            border: 'blue'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '독백',
 
        label: '독백',
 
        title: '독백',
 
        shape: 'square',
 
        color: {background: 'white',
 
            border: 'green'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '대화',
 
        label: '대화',
 
        title: '대화',
 
        shape: 'square',
 
        color: {background: 'white',
 
            border: 'green'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '통화',
 
        label: '통화',
 
        title: '통화',
 
        shape: 'square',
 
        color: {background: 'white',
 
            border: 'green'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '편지',
 
        label: '편지',
 
        title: '편지',
 
        shape: 'square',
 
        color: {background: 'white',
 
            border: 'green'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是双娇',
 
        label: '是双娇',
 
        title: '是双娇',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是俊杰',
 
        label: '是俊杰',
 
        title: '是俊杰',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾人齐',
 
        label: '顾人齐',
 
        title: '顾人齐',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '是英雄',
 
        label: '是英雄',
 
        title: '是英雄',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '李东贤',
 
        label: '李东贤',
 
        title: '李东贤',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '陆显',
 
        label: '陆显',
 
        title: '陆显',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '汪倩倩',
 
        label: '汪倩倩',
 
        title: '汪倩倩',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾梅花',
 
        label: '顾梅花',
 
        title: '顾梅花',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '刘马克',
 
        label: '刘马克',
 
        title: '刘马克',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '朱妍',
 
        label: '朱妍',
 
        title: '朱妍',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '胡宥',
 
        label: '胡宥',
 
        title: '胡宥',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '吴禹',
 
        label: '吴禹',
 
        title: '吴禹',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '老金',
 
        label: '老金',
 
        title: '老金',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '姜文驰',
 
        label: '姜文驰',
 
        title: '姜文驰',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      nodesArray.push({
 
        id: '顾世恒',
 
        label: '顾世恒',
 
        title: '顾世恒',
 
        shape: 'triangle',
 
        color: {background: 'white',
 
            border: 'orange'
 
            },
 
        url: ''
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '是双娇',
 
        label: '주인공',
 
        title: '주인공',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '顾人齐',
 
        label: '주인공',
 
        title: '주인공',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '是俊杰',
 
        label: '~는_가족이다',
 
        title: '~는_가족이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '是英雄',
 
        label: '~는_가족이다',
 
        title: '~는_가족이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '朱妍',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '陆显',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '顾梅花',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '顾人齐',
 
        label: '~는_애인이다',
 
        title: '~는_애인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '李东贤',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '老金',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '吴禹',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '胡宥',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '刘马克',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇',
 
        to: '汪倩倩',
 
        label: '~는_라이벌이다',
 
        title: '~는_라이벌이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '陆显',
 
        label: '~는_라이벌이다',
 
        title: '~는_라이벌이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '顾世恒',
 
        label: '~는_가족이다',
 
        title: '~는_가족이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '顾梅花',
 
        label: '~는_가족이다',
 
        title: '~는_가족이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '李东贤',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '汪倩倩',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '吴禹',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '胡宥',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '姜文驰',
 
        label: '~는_라이벌이다',
 
        title: '~는_라이벌이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐',
 
        to: '老金',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '朱妍',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '陆显',
 
        label: '~는_제3자다',
 
        title: '~는_제3자다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '顾梅花',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '汪倩倩',
 
        label: '~는_애인이다',
 
        title: '~는_애인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '吴禹',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '胡宥',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '李东贤',
 
        to: '老金',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '汪倩倩',
 
        to: '是双娇',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '汪倩倩',
 
        to: '顾梅花',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '汪倩倩',
 
        to: '姜文驰',
 
        label: '~는_라이벌이다',
 
        title: '~는_라이벌이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '汪倩倩',
 
        to: '刘马克',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '朱妍',
 
        to: '是英雄',
 
        label: '~는_지인이다',
 
        title: '~는_지인이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '姜文驰',
 
        to: '刘马克',
 
        label: '~는_동료이다',
 
        title: '~는_동료이다',
 
        arrows: 'from,to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '방송',
 
        label: '~한_상황',
 
        title: '~한_상황',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송국',
 
        to: '방송',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송',
 
        to: '방송',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집',
 
        to: '방송',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송',
 
        to: '방송',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '구매',
 
        to: '백화점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '백화점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '汪倩倩집',
 
        to: '방송',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송',
 
        to: '방송',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집주방',
 
        to: '방송',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송',
 
        to: '방송',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '고객집',
 
        to: '방송',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송',
 
        to: '방송',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '구매',
 
        label: '~한_상황',
 
        title: '~한_상황',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '구매',
 
        to: '백화점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '백화점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '구매',
 
        to: '편의점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '편의점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '구매',
 
        to: '방송국',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송국',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '구매',
 
        to: '마트',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '마트',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '구매',
 
        to: '음식점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '음식점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '업무',
 
        label: '~한_상황',
 
        title: '~한_상황',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '顾人齐집주방',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집주방',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '음식점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '음식점',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '차안',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '차안',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '강연장',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '강연장',
 
        to: '방송',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '상담',
 
        label: '~한_상황',
 
        title: '~한_상황',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '쇼핑몰',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '쇼핑몰',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '차안',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '차안',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '是双娇집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '顾人齐집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '朱妍집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '朱妍집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '술집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '술집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '편의점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '편의점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '是双娇방',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇방',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '카페',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '카페',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '상담',
 
        to: '벤치',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '벤치',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '顾人齐집앞',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집앞',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회사',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회사',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '顾人齐집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '방송국',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송국',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '顾人齐사무실',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐사무실',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '주차장',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '주차장',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '병원',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '병원',
 
        to: '업무',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회사복도',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사복도',
 
        to: '독백',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회사로비',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사로비',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회사로비',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사로비',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회의실',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회의실',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '회사복도',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사복도',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '백화점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '백화점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '백화점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '백화점',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '顾人齐집거실',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집거실',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '업무',
 
        to: '顾人齐집주방',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집주방',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '사고',
 
        label: '~한_상황',
 
        title: '~한_상황',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '길거리',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '길거리',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '顾人齐집앞',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집앞',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '회사',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '병원',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '병원',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '是双娇집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '방송국앞',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '방송국앞',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '병원',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '병원',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '병원',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '병원',
 
        to: '독백',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '汪倩倩집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '汪倩倩집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '음식점',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '음식점',
 
        to: '통화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '我亲爱的小洁癖',
 
        to: '감정',
 
        label: '~한_상황',
 
        title: '~한_상황',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '감정',
 
        to: '길거리',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '길거리',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '是双娇집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '회사',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '병원',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '병원',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '是双娇집앞',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇집앞',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '是双娇집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '陆显집',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '陆显집',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '엘리베이터',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '엘리베이터',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '是双娇방',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '是双娇방',
 
        to: '편지',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '회사로비',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사로비',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '회사',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '회사',
 
        to: '독백',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '顾人齐사무실',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐사무실',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '카페',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '카페',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '顾人齐집주방',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집주방',
 
        to: '대화',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '사고',
 
        to: '顾人齐집거실',
 
        label: '~에서',
 
        title: '~에서',
 
        arrows: 'to',
 
      });
 
 
      edgesArray.push({
 
        from: '顾人齐집거실',
 
        to: '독백',
 
        label: '~대화',
 
        title: '~대화',
 
        arrows: 'to',
 
      });
 
 
      var nodes = new vis.DataSet(nodesArray);
 
      var edges = new vis.DataSet(edgesArray);
 
     
 
      // create a network
 
      var container = document.getElementById('mynetwork');
 
      var data = { nodes: nodes, edges: edges };
 
     
 
      var options = {
 
        nodes: { size: 30, margin: 5,
 
            color: { background: 'white',
 
              highlight: { border: 'gold', background: '#D2E5FF' },
 
              hover: { border: 'gold', background: '#D2E5FF' },
 
            },
 
            font: { face: '함초롬바탕', color: 'black', size: 15 },
 
            labelHighlightBold: true,
 
            shadow: false
 
        },
 
 
        edges: { length: 300, width: 1,
 
            color: { color: 'lightgray', highlight: 'grey', opacity: 1.0 },
 
            font: { face: '맑은 고딕', align: 'bottom', size: 12, color: 'darkcyan', strokeWidth: 5, strokeColor: 'white' },
 
            smooth: { enabled: true, type: 'dynamic', roundness: 0.5 }
 
        },
 
        layout: { randomSeed: 100,
 
            hierarchical: {
 
              enabled:
 
                  directionInput.value == 'UD' || directionInput.value == 'LR'
 
                    ? true
 
                    : false,
 
              direction: directionInput.value,
 
              sortMethod: 'directed'
 
            }
 
        },
 
 
        interaction: { navigationButtons: true },
 
        physics: { stabilization: false }
 
      };
 
     
 
      // initialize your network!
 
      network = new vis.Network(container, data, options);
 
     
 
      // select a node to open a related web page.
 
      network.on('selectNode', function(params) {
 
        var sel = params.nodes[0];
 
        var rows = nodesArray.length;
 
        for (var i = 0; i < rows; i++) {
 
            if (sel==nodesArray[i].id) {
 
              var destination=nodesArray[i].url;
 
              if( !nodesArray[i].url || nodesArray[i].url=='')break;
 
              else window.open(encodeURI(decodeURI(nodesArray[i].url)), '_self');
 
            }
 
        }
 
      });
 
  }
 
    </script>
 
</head>
 
 
<body onload='draw();'>
 
 
  <div id='mynetwork'></div>
 
 
  <div  id='layout-selection' style='text-align:right;font-size:150%;'>
 
      <input type='button' id='btn-Normal' value='⿴' />
 
      <input type='button' id='btn-Vertical' value='⿳' />
 
      <input type='button' id='btn-Horizontal' value='⿲' />
 
      <input type='hidden' id='direction' value='Normal' />
 
  </div>
 
 
  <script language='JavaScript'> 
 
      var directionInput = document.getElementById('direction');
 
 
      var btnUD = document.getElementById('btn-Vertical');
 
      btnUD.onclick = function () {
 
        directionInput.value = 'UD';
 
        draw();
 
      };
 
      var btnLR = document.getElementById('btn-Horizontal');
 
      btnLR.onclick = function () {
 
        directionInput.value = 'LR';
 
        draw();
 
      };
 
      var btnNormal = document.getElementById('btn-Normal');
 
      btnNormal.onclick = function () {
 
        directionInput.value = 'Normal';
 
        draw();
 
      };
 
  </script>
 
</body>
 
</html>
 

2023년 6월 19일 (월) 15:48 기준 최신판