"이상훈"의 두 판 사이의 차이

DH 교육용 위키
이동: 둘러보기, 검색
 
(같은 사용자에 의한 8개의 중간 편집이 숨겨짐)
1번째 줄: 1번째 줄:
−
<!DOCTYPE html>
+
<pre>
−
<html>
+
#Class
−
  <head>
+
person green circle
−
    <meta charset="utf-8">
+
place red circle
−
    <title></title>
+
event blue circle
−
    <script
+
−
      type="text/javascript"
+
−
      src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"
+
−
    ></script>
+
  
−
    <style type="text/css">
+
#Relation
−
      #mynetwork {
+
loves
−
        width: 600px;
+
happens
−
        height: 400px;
+
meets
−
        border: 1px solid lightgray;
+
−
      }
+
−
    </style>
+
−
  </head>
+
−
  <body>
+
−
    <h1>vis.js</h1>
+
−
    <a href="https://github.com/visjs">깃허브</a><br>
+
−
    <a href="https://visjs.github.io/vis-network/examples/">예시</a>
+
−
    <div id="mynetwork"></div>
+
  
−
    <script type="text/javascript">
+
#Nodes
−
      // create an array with nodes
+
상훈 person 상훈
−
      var nodes = new vis.DataSet([
+
아이유 person 아이유
−
        { id: 1, label: "안성현" },
+
−
        { id: 2, label: "06" },
+
−
        { id: 3, label: "한삼고 짱" },
+
−
        { id: 4, label: "편집 신" },
+
−
        { id: 5, label: "전교 1등(예정)" },
+
−
        { id: 6, label: "천재" },
+
−
        { id: 7, label: "기숙사의 자랑" },
+
−
        { id: 8, label: "제명호의 자랑" },
+
−
        { id: 9, label: "권찬솔" },
+
−
        { id: 10, label: "기숙사층장" },
+
−
        { id: 11, label: "사람" },
+
−
      ]);
+
  
−
      // create an array with edges
+
#Links
−
      var edges = new vis.DataSet([
+
상훈 아이유 meets
−
        { from: 1, to: 2 },
+
아이유 상훈 happens
−
        { from: 1, to: 3 },
+
−
        { from: 1, to: 4 },
+
−
        { from: 1, to: 5 },
+
−
        { from: 1, to: 6 },
+
−
        { from: 1, to: 7 },
+
−
        { from: 7, to: 8 },
+
−
        { from: 8, to: 9 },
+
−
        { from: 10, to: 9 },
+
−
        { from: 11, to: 9 },
+
−
      ]);
+
  
−
      // create a network
+
#End
−
      var container = document.getElementById("mynetwork");
+
</pre>
−
      var data = {
+
 
−
        nodes: nodes,
+
visualiztion
−
        edges: edges,
+
{{NetworkGraph | title=이상훈.lst}}
−
      };
+
−
      var options = {};
+
−
      var network = new vis.Network(container, data, options);
+
−
    </script>
+
−
  </body>
+
−
</html>
+
−
  </body>
+
−
</html>
+

2022년 6월 17일 (금) 15:32 기준 최신판

#Class
person green circle
place red circle
event blue circle

#Relation
loves
happens
meets

#Nodes
상훈 person 상훈 
아이유 person 아이유

#Links
상훈 아이유 meets
아이유 상훈 happens

#End

visualiztion

원본 주소 "https://dh.aks.ac.kr/Edu/wiki/index.php?title=이상훈&oldid=135966"