"Html 테스트"의 두 판 사이의 차이

onthedh
이동: 둘러보기, 검색
2번째 줄: 2번째 줄:
 
<head>
 
<head>
 
<title>Simple Ontology Visualization</title>
 
<title>Simple Ontology Visualization</title>
<meta charset='UTF-8'/>
+
<script type='text/javascript' src='http://dh.aks.ac.kr/Graph/vis/dist/vis.js'></script>
<meta property='og:title' content='Simple Ontology Visualization'/>
+
<link href='http://dh.aks.ac.kr/Graph/vis/dist/vis.css' rel='stylesheet' type='text/css' />
<meta property='og:image' content='http://dh.aks.ac.kr/Graph/vis/img/makeGraph.jpg'/>
+
<link href='http://dh.aks.ac.kr/Graph/vis/dist/vis-network.min.css' rel='stylesheet' type='text/css'/>
<meta name='description' content='vis.js Network API Script'/>
 
<meta name='author' content='Center for Digital Humanities at AKS'/>
 
<script type='text/javascript' src='https://onthedh.cafe24.com/files/vis.js'></script>
 
<link href='https://onthedh.cafe24.com/files/vis.css' rel='stylesheet' type='text/css' />
 
<link href='https://onthedh.cafe24.com/files/vis-network.min.css' rel='stylesheet' type='text/css'/>
 
 
<style type='text/css'>
 
<style type='text/css'>
 
#mynetwork {
 
#mynetwork {
    width:100%;
+
border: 1px solid lightgray;
    height: 90%;
+
width:100%;
    border: 1px solid lightgray;
+
height: 90%;
 
}
 
}
 
</style>
 
</style>
37번째 줄: 32번째 줄:
  
 
nodesArray.push({
 
nodesArray.push({
id: 'SBS*사의찬미',
+
id: '철수',
label: 'SBS*사의찬미',
+
label: '철수',
title: '<u>SBS*사의찬미</u>',
+
title: '<u>철수</u>',
shape: 'image',
+
shape: 'ellipse',
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/SBS_사의찬미.jpg',
 
url: 'https://programs.sbs.co.kr/drama/hehymnofdeath/main'
 
});
 
 
 
nodesArray.push({
 
id: '광주기독병원',
 
label: '광주기독병원',
 
title: '<u>광주기독병원</u>',
 
shape: 'circle',
 
 
color: {background: 'white',
 
color: {background: 'white',
border: 'grey'
+
border: 'navy'
 
},
 
},
url: 'https://encykorea.aks.ac.kr/Article/E0005234'
+
url: 'files/sample1.htm#Cheol-su'
 
});
 
});
  
 
nodesArray.push({
 
nodesArray.push({
id: '광주나병원',
+
id: '영이',
label: '광주나병원',
+
label: '영이',
title: '<u>광주나병원</u>',
+
title: '<u>영이</u>',
shape: 'circle',
+
shape: 'ellipse',
 
color: {background: 'white',
 
color: {background: 'white',
border: 'grey'
+
border: 'navy'
 
},
 
},
url: 'http://aks.ai/GC013D010102'
+
url: 'files/sample1.htm#Yeong-i'
 
});
 
});
  
 
nodesArray.push({
 
nodesArray.push({
id: '광주제일교회',
+
id: '보미',
label: '광주제일교회',
+
label: '보미',
title: '<u>광주제일교회</u>',
+
title: '보미',
shape: 'circle',
+
shape: 'ellipse',
 
color: {background: 'white',
 
color: {background: 'white',
border: 'grey'
+
border: 'navy'
 
},
 
},
url: 'http://www.first.or.kr/Page/Index/17'
+
url: ''
});
 
 
 
nodesArray.push({
 
id: '김우진',
 
label: '김우진',
 
title: '<u>김우진</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/김우진.jpg',
 
url: 'https://encykorea.aks.ac.kr/Article/E0010000'
 
});
 
 
 
nodesArray.push({
 
id: '네비어스',
 
label: '네비어스',
 
title: '<u>네비어스</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/존_리빙스톤_네비어스.jpg',
 
url: 'https://ko.wikipedia.org/wiki/존_리빙스톤_네비우스'
 
 
});
 
});
  
 
nodesArray.push({
 
nodesArray.push({
id: '네비어스*선교정책',
+
id: '커피',
label: '네비어스*선교정책',
+
label: '커피',
title: '<u>네비어스*선교정책</u>',
+
title: '<u>커피</u>',
shape: 'circle',
+
shape: 'ellipse',
 
color: {background: 'white',
 
color: {background: 'white',
border: 'grey'
+
border: 'navy'
 
},
 
},
url: 'https://encykorea.aks.ac.kr/Article/E0076564'
+
url: 'files/sample1.htm#Coffee'
 
});
 
});
  
 
nodesArray.push({
 
nodesArray.push({
id: '미남장로교회',
+
id: '크림',
label: '미남장로교회',
+
label: '아이스크림',
title: '<u>미남장로교회</u>',
+
title: '<u>아이스크림</u>',
shape: 'circle',
+
shape: 'ellipse',
 
color: {background: 'white',
 
color: {background: 'white',
border: 'grey'
+
border: 'navy'
 
},
 
},
url: 'https://ko.wikipedia.org/wiki/미국_남장로교회'
+
url: 'files/sample1.htm#IceCream'
});
 
 
 
nodesArray.push({
 
id: '사랑의*원자탄',
 
label: '사랑의*원자탄',
 
title: '<u>사랑의*원자탄</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/사랑의_원자탄.jpg',
 
url: 'https://www.youtube.com/embed/aCKfngNFy8w'
 
});
 
 
 
nodesArray.push({
 
id: '손양원',
 
label: '손양원',
 
title: '<u>손양원</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/손양원.jpg',
 
url: 'https://encykorea.aks.ac.kr/Article/E0030532'
 
});
 
 
 
nodesArray.push({
 
id: '수피아여학교',
 
label: '수피아여학교',
 
title: '<u>수피아여학교</u>',
 
shape: 'circle',
 
color: {background: 'white',
 
border: 'grey'
 
},
 
url: 'https://encykorea.aks.ac.kr/Article/E0005265'
 
});
 
 
 
nodesArray.push({
 
id: '양림역사문화마을',
 
label: '양림역사문화마을',
 
title: '<u>양림역사문화마을</u>',
 
shape: 'circle',
 
color: {background: 'white',
 
border: 'grey'
 
},
 
url: 'https://visityangnim.kr/'
 
});
 
 
 
nodesArray.push({
 
id: '양림동선교사묘원',
 
label: '양림동선교사묘원',
 
title: '<u>양림동선교사묘원</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/양림동선교사묘원.jpg',
 
url: 'http://www.gjsgcc.or.kr/ko/29/view?SEQ=946'
 
});
 
 
 
nodesArray.push({
 
id: '애양원',
 
label: '애양원',
 
title: '<u>애양원</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/여수_애양원교회.jpg',
 
url: 'http://www.wlc.or.kr/main/sub.html?pageCode=43'
 
});
 
 
 
nodesArray.push({
 
id: '우일선',
 
label: '우일선',
 
title: '<u>우일선</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/우일선.jpg',
 
url: 'https://ko.wikipedia.org/wiki/로버트_M._윌슨'
 
});
 
 
 
nodesArray.push({
 
id: '우일선선교사사택',
 
label: '우일선선교사사택',
 
title: '<u>우일선선교사사택</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/우일선선교사사택.jpg',
 
url: 'https://encykorea.aks.ac.kr/Article/E0040074'
 
});
 
 
 
nodesArray.push({
 
id: '유진벨',
 
label: '유진벨',
 
title: '<u>유진벨</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/유진벨.jpg',
 
url: 'http://www.bauri.org/board_yJSi78/22349'
 
});
 
 
 
nodesArray.push({
 
id: '윤심덕',
 
label: '윤심덕',
 
title: '<u>윤심덕</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/윤심덕.jpg',
 
url: 'https://encykorea.aks.ac.kr/Article/E0042442'
 
});
 
 
 
nodesArray.push({
 
id: '제중원',
 
label: '제중원',
 
title: '<u>제중원</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/광주_제중원.jpg',
 
url: 'http://gjstory.or.kr/sub.html?pid=11&formtype=view&code=53'
 
});
 
 
 
nodesArray.push({
 
id: '조선총독부',
 
label: '조선총독부',
 
title: '<u>조선총독부</u>',
 
shape: 'circle',
 
color: {background: 'white',
 
border: 'grey'
 
},
 
url: 'https://encykorea.aks.ac.kr/Article/E0052242'
 
});
 
 
 
nodesArray.push({
 
id: '최흥종',
 
label: '최흥종',
 
title: '<u>최흥종</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/최흥종.jpg',
 
url: 'https://encykorea.aks.ac.kr/Article/E0057801'
 
});
 
 
 
nodesArray.push({
 
id: '커티스메모리홀',
 
label: '커티스메모리홀',
 
title: '<u>커티스메모리홀</u>',
 
shape: 'image',
 
image: 'http://digerati.aks.ac.kr/Dhlab/2023/101/student/onthedh/커티스메모리홀.jpg',
 
url: 'http://www.gjsgcc.or.kr/ko/28/view?SEQ=1105&page=1&categoryCD=03'
 
});
 
 
 
nodesArray.push({
 
id: '한센병',
 
label: '한센병',
 
title: '<u>한센병</u>',
 
shape: 'circle',
 
color: {background: 'white',
 
border: 'grey'
 
},
 
url: 'https://encykorea.aks.ac.kr/Article/E0061763'
 
});
 
 
 
nodesArray.push({
 
id: '현해탄의*정사',
 
label: '현해탄의*정사',
 
title: '<u>현해탄의*정사</u>',
 
shape: 'circle',
 
color: {background: 'white',
 
border: 'grey'
 
},
 
url: 'https://shindonga.donga.com/Library/3/02/13/106683/1'
 
});
 
 
 
edgesArray.push({
 
from: '우일선선교사사택',
 
to: '양림역사문화마을',
 
label: 'isLocatedIn',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '양림동선교사묘원',
 
to: '양림역사문화마을',
 
label: 'isLocatedIn',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '커티스메모리홀',
 
to: '양림역사문화마을',
 
label: 'isLocatedIn',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '우일선',
 
to: '우일선선교사사택',
 
label: 'livesIn',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '우일선',
 
to: '제중원',
 
label: 'isMemberOf',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '제중원',
 
to: '광주기독병원',
 
label: 'hasNewName',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '우일선',
 
to: '광주나병원',
 
label: 'founder',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '최흥종',
 
to: '광주나병원',
 
label: 'founder',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '광주나병원',
 
to: '애양원',
 
label: 'hasNewName',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '광주나병원',
 
to: '한센병',
 
label: 'isRelatedTo',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '우일선선교사사택',
 
to: 'SBS*사의찬미',
 
label: 'isFilmingLocationOf',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: 'SBS*사의찬미',
 
to: '현해탄의*정사',
 
label: 'references',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '윤심덕',
 
to: '현해탄의*정사',
 
label: 'isRelatedTo',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '김우진',
 
to: '현해탄의*정사',
 
label: 'isRelatedTo',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '우일선',
 
to: '조선총독부',
 
label: 'isAwardedBy',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '유진벨',
 
to: '수피아여학교',
 
label: 'founder',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '유진벨',
 
to: '광주제일교회',
 
label: 'founder',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '유진벨',
 
to: '제중원',
 
label: 'founder',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '유진벨',
 
to: '양림동선교사묘원',
 
label: 'wasBuriedIn',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '커티스메모리홀',
 
to: '유진벨',
 
label: 'commemorates',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '미남장로교회',
 
to: '네비어스*선교정책',
 
label: 'isInfluencedBy',
 
title: '',
 
arrows: 'to',
 
});
 
 
 
edgesArray.push({
 
from: '네비어스',
 
to: '네비어스*선교정책',
 
label: 'creator',
 
title: '',
 
arrows: 'to',
 
 
});
 
});
  
 
edgesArray.push({
 
edgesArray.push({
from: '우일선',
+
from: '철수',
to: '미남장로교회',
+
to: '크림',
label: 'hasAffiliation',
+
label: 'likes',
 
title: '',
 
title: '',
 
arrows: 'to',
 
arrows: 'to',
457번째 줄: 95번째 줄:
  
 
edgesArray.push({
 
edgesArray.push({
from: '유진벨',
+
from: '영이',
to: '미남장로교회',
+
to: '커피',
label: 'hasAffiliation',
+
label: 'likes',
 
title: '',
 
title: '',
 
arrows: 'to',
 
arrows: 'to',
465번째 줄: 103번째 줄:
  
 
edgesArray.push({
 
edgesArray.push({
from: '손양원',
+
from: '영이',
to: '애양원',
+
to: '보미',
label: 'isMemberOf',
+
label: 'isCloseTo',
 
title: '',
 
title: '',
 
arrows: 'to',
 
arrows: 'to',
473번째 줄: 111번째 줄:
  
 
edgesArray.push({
 
edgesArray.push({
from: '손양원',
+
from: '철수',
to: '사랑의*원자탄',
+
to: '영이',
label: 'isDepictedIn',
+
label: 'loves',
 
title: '',
 
title: '',
 
arrows: 'to',
 
arrows: 'to',

2023년 11월 9일 (목) 14:30 판

Simple Ontology Visualization