"의미관계망"의 두 판 사이의 차이
광주문화예술인문스토리플랫폼
(새 문서: {{#tag:html| <script type="text/javascript" src="https://dh.aks.ac.kr/Graph/vis/dist/vis.js"></script> <style> #mynetwork { width: 90%; height: 70vh; background-color: #...) |
(차이 없음)
|
2025년 8월 20일 (수) 16:56 판
vis.js 디자인 가이드
이 가이드는 vis.js 라이브러리를 사용한 네트워크 그래프 디자인 옵션을 보여줍니다.
노드 모양
노드 스타일
엣지 스타일
레이아웃
1. 노드 모양 (Shape)
vis.js는 다양한 노드 모양을 제공합니다:
2. 노드 스타일링
노드의 색상, 테두리, 폰트 등을 커스터마이징할 수 있습니다:
3. 엣지(간선) 스타일링
엣지의 색상, 두께, 화살표 등을 설정할 수 있습니다:
4. 네트워크 레이아웃
그래프의 전체 레이아웃과 물리 효과를 설정할 수 있습니다: