온톨로지 설계 스크립트 사용법 편집하기 (부분)

== '''네트워크 그래프의 스타일 지정''' ==
* 온톨로지 설계 스크립트에 표시 정보를 추가하여 '''네트워크 그래프의 시각적 표현 방식'''을 지정할 수 있습니다.

=== 노드의 색상과 모양 지정 ===
*<code>#Class</code> 섹션에서 클래스 이름 뒤에 '''색상'''과 '''모양''' 정보를 추가하여 해당 클래스에 속하는 노드의 기본 표시 방식을 지정할 수 있습니다.
*클래스 이름은 기본적으로 입력하는 필수 필드이며, 색상과 모양은 필요에 따라 추가하는 선택 필드입니다.
*색상과 모양을 지정하면 같은 클래스에 속하는 노드는 네트워크 그래프에서 동일한 색상과 모양을 기본적으로 적용받습니다.
*단, 개별 노드의 <code>iconUrl</code>에 아이콘 이미지가 지정되어 있는 경우에는 해당 노드에 '''아이콘 이미지가 표시됩니다.'''
*각 필드는 다음과 같은 순서로 입력합니다.

{| class="wikitable" style="background-color:white;width:100%"
! 순서 !! 필드 !! style="width:80px;" | 구분 !! 내용
|-
| style="text-align:center;" | 1
| style="text-align:center;" | '''class'''
| style="text-align:center; background:#e8f1fb;" | '''필수'''
|
*클래스 이름을 입력합니다.
*<code>#Class</code>에서 기본적으로 정의하는 값입니다.
|-
| style="text-align:center;" | 2
| style="text-align:center;" | color
| style="text-align:center; background:#f2f2f2;" | 선택
|
*해당 클래스에 속하는 노드의 색상을 지정합니다.
*HTML에서 사용할 수 있는 색상 이름 또는 색상 코드를 사용할 수 있습니다.
**색상 이름 예: <code>blue</code>, <code>red</code>, <code>green</code>, <code>orange</code>, <code>gray</code>
**색상 코드 예: <code>#ff0033</code>, <code>#0000ff</code>
**색상 이름과 코드는 [https://www.colorhexa.com/ ColorHexa]에서 확인할 수 있습니다.
|-
| style="text-align:center;" | 3
| style="text-align:center;" | shape
| style="text-align:center; background:#f2f2f2;" | 선택
|
*해당 클래스에 속하는 노드의 모양을 지정합니다.
*다음과 같은 값을 사용할 수 있습니다.
** <code>box</code> : 사각형  /  <code>circle</code> : 원  /  <code>ellipse</code> : 타원  /  <code>star</code> : 별
** <code>triangle</code> : 삼각형  /  <code>square</code> : 정사각형  /  <code>dot</code> : 점  /  <code>text</code> : 문자열
{{NetworkGraph|title=그래프예시-003.lst}}
|}

* (예시1) 색상과 모양을 모두 지정한 경우
<pre>
#Class
Temple, green, circle
Concept, orange, box
Object, gray, ellipse

☞ Temple 클래스의 노드는 초록색 원으로 표시됩니다.
☞ Concept 클래스의 노드는 주황색 사각형으로 표시됩니다.
☞ Object 클래스의 노드는 회색 타원으로 표시됩니다.
</pre>

* (예시2) 색상 코드를 사용한 경우
<pre>
#Class
Temple, #2E8B57, circle
Concept, #F4A460, box
Object, #808080, ellipse
</pre>