(같은 사용자의 중간 판 23개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{틀|차트}} 정보를 입력하는 틀로서 {{틀|가계도}}와 같으며, 차이 점은 입력 문자가 한글자모를 활용한 직관적인 문자를 사용한다.
{{설명|위키백과의 틀과는 호환이 되지 않는다.}}


차트 정보를 입력하는 틀로서 직관적으로 입력할 수 있는 틀이며, 2바이트 한글자모를 사용하였다.  
 
==차트틀 구조==
{{틀|차트}} 틀을 구성하는 전체적인 구성은 다음과 같다.
{{틀|차트}}는 {{틀|차트 시작}} 과 {{틀|차트 끝}} 사이에 위치하며 여러개의 {{틀|차트}}틀을 사용할 수 있다.
 
추가적으로 차트 시작, 끝을 {{틀|차트 상단}}과 {{틀|차트 하단}}으로 전체를
감싸는 구조이다. 이는 가시성을 보다 좋게한다.
 
;일반적인 차트 구조
<pre>{{차트 상단 |제목= |제목색= |접기= }}
{{차트 시작}}     
{{차트 |..|..|.. |.. }}
//
//
{{차트 |..|..|.. |.. }}
{{차트 끝}}   
{{차트 하단}} 
</pre>
 
;복잡한 차트 구조
매개변수가 많은 복잡한 차트에서는 {{틀|차트}} 대신 {{틀|차트q}}를 사용한다. {{틀|차트}}를 사용할 때는 매개변수가 모두에 실선만 있는 경우(파선, 파선 혼합이 하나라도 있으면 {{틀|차트}} 사용)에 사용해야 한다.
<pre>{{차트 상단 |제목= |제목색= |접기= }}
{{차트 시작}}     
{{차트q |..|..|.. |.. }}
//
//
{{차트q |..|..|.. |.. }}
{{차트 끝}}   
{{차트 하단}} 
</pre>


==사용방법==
==사용방법==
{{다른 뜻|틀:가계도}}
{{다른 뜻|틀:가계도}}
<nowiki>{{차트 |문자1 |문자2 |문자3 .... |문자40 }}</nowiki>


<pre>{{차트 |문자1 |문자2 |문자3 .... |문자40 }}</pre>
;|문자1 : 아래 단락의 입력문자중 하나를 입력한다.
 
;|문자2 : 아래 단락의 입력문자중 하나를 입력한다.
;|문자1 = : 아래 단락의 입력문자중 하나를 입력한다.
;|문자3 : 아래 단락의 입력문자중 하나를 입력한다.
;|문자2 = : 아래 단락의 입력문자중 하나를 입력한다.
;|문자3 = : 아래 단락의 입력문자중 하나를 입력한다.
: //
: //
: //
: //
;|문자40 = : 아래 단락의 입력문자를 입력한다.
;|문자40 : 아래 단락의 입력문자를 입력한다.




==입력문자 및 결과==
==입력문자 및 결과==
파선은
 
{| style="float: left; margin-left: 1em;"
*입력문자는 한글자모를 사용하여 입력의 편리성/직관성을 주었으며, 파선과 실선,파선 혼합은 다음과 같은 문자조합으로 되어있다.
|+ '''실선:'''
;파선
: 세로줄(!)<ref>느낌표</ref> → (;)<ref>세미콜론</ref> 
: 가로줄(ㅡ)<ref>한글 모음 '으'</ref> → (--)<ref>마이너스 2개</ref>
: 나머지문자 → 실선문자 + 점(.)
{{정보 아이콘|18px}} ''파선 문자''에서 {{코드|<nowiki>;</nowiki>}}와 {{코드|<nowiki>--</nowiki>}}, 나머지는 실선 문자에 {{코드|<nowiki>.</nowiki>}}를 추가하여 사용한다.
 
 
;파선 혼합
: 세로줄 파선 → 실선 한글자모 + (;)
: 가로줄 파선 → 실선 한글자모 + (-)
{{정보 아이콘|18px}} ''혼합 문자''에서 세로방향 점선은 실선 문자에 {{코드|<nowiki>;</nowiki>}}를, 가로방향 점선은 실선 문자에 {{코드|<nowiki>-</nowiki>}}를 추가하여 사용한다.
 
{{스크롤}}
{{span|w=300px|b=gold| 실선 }}
{| {{st|w=300px}}
|-
|-
| {{big|<code>!</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|!}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>!</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|!}}{{차트 끝}}   
| {{big|<code>(</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|(}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>(</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|(}}{{차트 끝}}   
| {{big|<code>ㅜ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅜ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ}}{{차트 끝}}   
| {{big|<code>ㄱ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄱ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㄱ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄱ}}{{차트 끝}}   
|-
|-
| {{big|<code>ㅡ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅡ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅡ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅡ}}{{차트 끝}}   
| {{big|<code>ㅏ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅏ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ}}{{차트 끝}}   
| {{big|<code>+</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>+</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+}}{{차트 끝}}   
| {{big|<code>ㅓ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅓ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ}}{{차트 끝}}   
|-
|-
| ||  
| ||  
| {{big|<code>ㄴ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄴ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㄴ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄴ}}{{차트 끝}}   
| {{big|<code>ㅗ</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅗ</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ}}{{차트 끝}}   
| {{big|<code>)</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|)}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>)</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|)}}{{차트 끝}}   
|}
|}
{| style="float: left; margin-left: 1em;"
 
|+ '''파선:'''
{{span|w=300px|b=gold| 파선}}
{| {{st|w=300px}}
|-
|-
| {{big|<code>;</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|;}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>;</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|;}}{{차트 끝}}   
| {{big|<code>(.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|(.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>(.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|(.}}{{차트 끝}}   
| {{big|<code>ㅜ.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅜ.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ.}}{{차트 끝}}   
| {{big|<code>ㄱ.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄱ.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㄱ.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄱ.}}{{차트 끝}}   
|-
|-
| {{big|<code>--</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|--}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>--</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|--}}{{차트 끝}}   
| {{big|<code>ㅏ.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅏ.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ.}}{{차트 끝}}   
| {{big|<code>+.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>+.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+.}}{{차트 끝}}   
| {{big|<code>ㅓ.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅓ.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ.}}{{차트 끝}}   
|-
|-
| ||  
| ||  
| {{big|<code>ㄴ.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄴ.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㄴ.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㄴ.}}{{차트 끝}}   
| {{big|<code>ㅗ.</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ.}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅗ.</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ.}}{{차트 끝}}   
| {{big|<code>).</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|).}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>).</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|).}}{{차트 끝}}   
|}
|}


{{-}}
{{-}}
<br>
{{span|w=500px|b=gold| 혼합 }}
{| style="float: left; margin-left: 1em;"
{| {{st|w=500px}}
|+ '''혼합:'''
|-
|-
| ||  
| ||  
| {{big|<code>ㅜ;</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ;}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅜ;</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ;}}{{차트 끝}}   
| || ||
| || ||
| ||
| ||
| {{big|<code>ㅜ-</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ-}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅜ-</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅜ-}}{{차트 끝}}   
| || | &nbsp;     
| || | &nbsp;     
|-
|-
| {{big|<code>ㅏ;</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ;}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅏ;</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ;}}{{차트 끝}}   
| {{big|<code>+;</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+;}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>+;</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+;}}{{차트 끝}}   
| {{big|<code>ㅓ;</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ;}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅓ;</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ;}}{{차트 끝}}   
| {{공백2}}
| {{공백2}}
| {{big|<code>ㅏ-</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ-}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅏ-</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅏ-}}{{차트 끝}}   
| {{big|<code>+-</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+-}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>+-</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|+-}}{{차트 끝}}   
| {{big|<code>ㅓ-</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ-}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅓ-</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅓ-}}{{차트 끝}}   
|-
|-
| ||  
| ||  
| {{big|<code>ㅗ;</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ;}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅗ;</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ;}}{{차트 끝}}   
| ||  
| ||  
| || || {{공백}}
| || || {{공백}}
| {{big|<code>ㅗ-</code>}} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ-}}{{차트 끝}}   
| {{nw|{{여백}}{{big|<code>ㅗ-</code>}} }} || style="border: 1px solid gray;" | {{차트 시작}}{{차트|ㅗ-}}{{차트 끝}}   
| ||  
| ||  
| &nbsp;     
| &nbsp;     
|}
|}
{{스크롤 끝}}


<br>
<br>
{{-}}
{{-}}
* 추가적으로 입력가능한 문자는 <code>..</code> (빈칸) 와 <code>문자열</code>이다.
* 추가적으로 입력가능한 문자는 <code>..</code>, <code>빈칸</code>, <code>문자열</code>이다.
* <code><nowiki>{{차트|문자1|문자2|...}}</nowiki></code>를 입력할 때는 위, 아래로 <code><nowiki>{{차트 시작}}</nowiki></code>과 <code><nowiki>{{차트 끝}}</nowiki></code>을 사용하여야 한다.
* <code><nowiki>{{차트|문자1|문자2|...}}</nowiki></code>를 입력할 때는 위, 아래로 <code><nowiki>{{차트 시작}}</nowiki></code>과 <code><nowiki>{{차트 끝}}</nowiki></code>을 사용하여야 한다.


* 위 코드는 가계도 틀의 결과와 동일하나 직관적으로 사용할 수 있게 하였다. 가계도 입력문자와 비교하자. {{상세|틀:가계도}}
* 위 코드는 가계도 틀의 결과와 동일하나 직관적으로 사용할 수 있게 하였다. 가계도 입력문자와 비교하자. {{상세|틀:가계도}}
{{스크롤}}
{{접기|gainsboro|가계도 입력문자|black|접기=@}}
{{접기|gainsboro|가계도 입력문자|black|접기=@}}
{| style="float: left; margin-left: 1em;"
{| style="float: left; margin-left: 1em;"
|+ '''실선:'''
|+ '''실선:'''
|-
|-
| {{big|<code>!</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|!}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>!</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|!}}{{가계도 끝}}   
| {{big|<code>,</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|,}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>,</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|,}}{{가계도 끝}}   
| {{big|<code>v</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|v}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>v</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|v}}{{가계도 끝}}   
| {{big|<code>.</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|.}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>.</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|.}}{{가계도 끝}}   
|-
|-
| {{big|<code>-</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|-}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>-</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|-}}{{가계도 끝}}   
| {{big|<code>)</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|)}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>)</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|)}}{{가계도 끝}}   
| {{big|<code>+</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|+}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>+</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|+}}{{가계도 끝}}   
| {{big|<code>(</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|(}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>(</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|(}}{{가계도 끝}}   
|-
|-
| ||  
| ||  
| {{big|<code>`</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|`}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>`</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|`}}{{가계도 끝}}   
| {{big|<code>^</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|^}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>^</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|^}}{{가계도 끝}}   
| {{big|<code>'</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|'}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>'</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|'}}{{가계도 끝}}   
|}
|}
{| style="float: left; margin-left: 1em;"
{| style="float: left; margin-left: 1em;"
|+ '''파선:'''
|+ '''파선:'''
|-
|-
| {{big|<code>:</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|:}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>:</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|:}}{{가계도 끝}}   
| {{big|<code>F</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|F}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>F</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|F}}{{가계도 끝}}   
| {{big|<code>V</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|V}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>V</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|V}}{{가계도 끝}}   
| {{big|<code>7</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|7}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>7</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|7}}{{가계도 끝}}   
|-
|-
| {{big|<code>~</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|~}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>~</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|~}}{{가계도 끝}}   
| {{big|<code>D</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|D}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>D</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|D}}{{가계도 끝}}   
| {{big|<code>%</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|%}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>%</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|%}}{{가계도 끝}}   
| {{big|<code>C</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|C}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>C</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|C}}{{가계도 끝}}   
|-
|-
| ||  
| ||  
| {{big|<code>L</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|L}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>L</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|L}}{{가계도 끝}}   
| {{big|<code>A</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|A}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>A</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|A}}{{가계도 끝}}   
| {{big|<code>J</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|J}}{{가계도 끝}}
| {{nw|{{여백}}{{big|<code>J</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|J}}{{가계도 끝}}
|}
|}


{{-}}
{{-}}
<br>
<br>
{| style="float: left; margin-left: 1em;"
{| style="float: left; margin-left: 1em; width:400px; "
|+ '''혼합:'''
|+ '''혼합:'''
|-
|-
| ||  
| ||  
| {{big|<code>j</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|j}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>j</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|j}}{{가계도 끝}}   
| ||
| ||
| ||
| ||
| {{big|<code>y</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|y}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>y</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|y}}{{가계도 끝}}   
| || | &nbsp;     
| || | &nbsp;     
|-
|-
| {{big|<code>d</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|d}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>d</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|d}}{{가계도 끝}}   
| {{big|<code>*</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|*}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>*</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|*}}{{가계도 끝}}   
| {{big|<code>c</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|c}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>c</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|c}}{{가계도 끝}}   
| {{big|<code>f</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|f}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>f</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|f}}{{가계도 끝}}   
| {{big|<code>t</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|t}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>t</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|t}}{{가계도 끝}}   
| {{big|<code>e</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|e}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>e</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|e}}{{가계도 끝}}   
|-
|-
| ||  
| ||  
| {{big|<code>i</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|i}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>i</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|i}}{{가계도 끝}}   
| ||  
| ||  
| ||  
| ||  
| {{big|<code>h</code>}} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|h}}{{가계도 끝}}   
| {{nw|{{여백}}{{big|<code>h</code>}} }} || style="border: 1px solid gray;" | {{가계도 시작}}{{가계도|h}}{{가계도 끝}}   
| ||  
| ||  
| &nbsp;     
| &nbsp;     
|}
|}
{{접기 끝}}
{{접기 끝}}
{{스크롤 끝}}


==사용예==
==사용예==
<pre>{{차트 시작}}
=== 접히기 기능===
{{차트|..|.. |.. |할아버지|-- |ㅜ- |--| 할머니|}}
* 팁
{{차트|..|.. |.. |..     |.. |ㅏ |ㅡ|ㄱ}}
:- 차트를 만들때 들어갈 이름항목은 한 두글자로 미리 입력해 놓고 전체 차트가 제대로 만들어진 후에 최종적으로 상세 글자를 입력한다.
{{차트|..|.. |.. | 엄마   |ㅜ- |아빠|..|삼촌}}
:- 차트 입력문자를 입력할 때 위 아래 차트 틀의 줄을 맞추어 입력하면 미리보기 효과가 있어서 입력이 수월 하다.
{{차트|..|( |ㅡ |ㅡ     |+  |ㅡ |ㅡ|ㄱ |..|..}}
:- {{글색|blue|문자열이 있는 열의 위치를 맞추어서 입력해야 나중에 수정하기가 수월하다.}} 아래 가계도는 줄을 맞추어 입력한 예이다. 문자열 박스는 3칸으로 자리잡아 만든다.
{{차트|..|광수|..|..      |광철|..  |..|미나|..|..}}
 
;입력한 내용
<pre>{{차트 상단|제목=우리집 차트|제목색=oldlace|접기=}}
{{차트 시작}}
{{차트|..|..|.. | 할아버지 |-- |ㅜ-|--| 할머니 |..}}
{{차트|..|..|.. |.. |..|.. |.. |ㅏ |ㅡ|ㅡ|ㅡ|ㄱ |..|..}}
{{차트|..|..| 엄마     |ㅜ-| 아빠   |..| 삼촌   }}
{{차트|..|..| ( |ㅡ |ㅡ|ㅗ |ㅜ |ㅡ |ㅡ|ㅡ|ㄱ}}
{{차트|..| 광수   |..|{{배지|광팔이|pink|black|120}}|..| 미나   |..}}
{{차트 끝}}
{{차트 끝}}
{{차트 하단}}
</pre>
</pre>
;보여지는 결과
{{차트 상단|제목=우리집 차트|제목색=oldlace|접기=}}
{{차트 시작}}
{{차트|..|..|.. | 할아버지 |-- |ㅜ-|--| 할머니  |..}}
{{차트|..|..|.. |.. |..|.. |.. |ㅏ |ㅡ|ㅡ|ㅡ|ㄱ |..|..}}
{{차트|..|..| 엄마    |ㅜ-|  아빠    |..| 삼촌    }}
{{차트|..|..| ( |ㅡ |ㅡ|ㅗ |ㅜ |ㅡ |ㅡ|ㅡ|ㄱ}}
{{차트|..|  광수    |..|{{배지|광팔이|pink|black|120}}|..| 미나  |..}}
{{차트 끝}}
{{차트 하단}}
*가계도의 마지막줄 문자열 높이가 작게나오는 경우가 있는데 바로 아랫줄에 <nowiki>{{차트|..}}</nowiki>(빈줄)를 추가해 주면 해결된다.
===복잡한 차트===
차트를 완성한 차트가 복잡해 느리다 싶으면 {{틀|차트}} 대신 {{틀|차트q}}로 대체하여 사용할 수 있다.
*홍석현의 가계도
;입력한 내용
<pre>{{차트 상단|제목=홍석현의 가계도|정렬=@}}
{{차트 시작}}
{{차트 시작}}
{{차트|..|.. |.. |할아버지|-- |ㅜ- |--| 할머니|}}
{{차트|.. |.. |.. |.. |.. |.. |.. |홍진기  |ㅜ-| 김윤남 }}
{{차트|..|.. |.. |..     |..  |ㅏ  |ㅡ|ㄱ}}
{{차트|.. |.. |.. |.. |( |ㅡ |ㅡ |ㅡ |ㅜ|ㅡ|ㅗ |ㅡ |ㅡ|ㅜ|ㅡ|ㅡ |ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}
{{차트|..|.. |.. | 엄마   |ㅜ- |아빠|..|삼촌}}
{{차트|.. |.. |(. | 홍라희    |.. |'''홍석현'''|ㄱ.|.. | 홍석조 |ㄱ.| 홍석준 |..| 홍석규 |..| 홍라영 |색6=#f88}}
{{차트|..|(  |ㅡ |ㅡ     |+   |ㅡ  |ㅡ|ㄱ  |..|..}}
{{차트|.. |( |ㅓ;|.. |.. |.. |.. |..|..|.. |ㅏ;|ㄱ |..|..|..|ㅏ;|ㅡ|ㄱ}}
{{차트|..|광수|..|..     |광철|..  |..|미나|..|..}}
{{차트|.. |ㅣ |ㄴ.| 이건희    |.. |신연신  |). |ㅣ |양경희 |). |홍석준}}
{{차트|.. |ㅏ |ㅡ |ㅡ |ㅜ |ㅡ |ㅡ |ㄱ|..|.. |.. |ㅏ |ㅡ|ㅡ|ㅜ|ㅡ |ㅡ |ㄱ}}
{{차트| 이재용    | 이부진    |이서현  |.. | 홍정도  | 홍정현  | 홍정인 |색5=#faa}}
{{차트|..}}  <!-- 문자열 박스의 두깨가 동일하게 나오게 하기위해서 한줄을 추가했다 -->
{{차트 끝}}
 
{{차트 시작}}{{차트|..|ㅡ|..|직계}}{{차트 끝}}
{{차트 시작}}{{차트|..|--|..|부부관계}}{{차트 끝}}
{{차트 하단}</pre>
 
;보여지는 결과
{{차트 상단|제목=홍석현의 가계도|접기=}}
{{차트 시작}}
{{차트|.. |.. |.. |.. |.. |.. |.. |홍진기   |ㅜ-| 김윤남 }}
{{차트|.. |.. |.. |.. |(  |ㅡ |ㅡ |ㅡ |ㅜ|ㅡ|ㅗ |ㅡ |ㅡ|ㅜ|ㅡ|ㅡ |ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}
{{차트|.. |.. |(. | 홍라희    |.. |'''홍석현'''|ㄱ.|.. | 홍석조 |ㄱ.| 홍석준 |..| 홍석규 |..| 홍라영 |색6=#f88 }}
{{차트|.. |(  |ㅓ;|.. |.. |.. |.. |..|..|.. |ㅏ;|ㄱ |..|..|..|ㅏ;|ㅡ|ㄱ}}
{{차트|.. |ㅣ |ㄴ.| 이건희    |.. |신연신  |). |ㅣ |양경희 |). |홍석준}}
{{차트|.. |ㅏ |ㅡ |ㅡ |ㅜ |ㅡ |ㅡ |ㄱ|..|.. |.. |ㅏ |ㅡ|ㅡ|ㅜ|ㅡ |ㅡ |ㄱ}}
{{차트| 이재용    | 이부진    |이서현   |.. | 홍정도  | 홍정현  | 홍정인 |색5=#faa}}
{{차트|..}}
{{차트 끝}}
 
{{차트 시작}}{{차트|..|ㅡ|..|직계    }}{{차트 끝}}
{{차트 시작}}{{차트|..|--|..|부부관계}}{{차트 끝}}
{{차트 하단}}
 
==사용예2, 매개변수 사용==
;|s=: 전체 글자크기를 설정한다. 기본은 9.8pt
;|색= {{보통|혹은}}
;|색n= {{보통|(n은 숫자)}}
:문자열박스의 배경색을 설정한다. 색 설정을 하면 한줄 전체가 적용된다.
;|테두리= {{보통|혹은}}
;|테두리n= {{보통|(n은 숫자)}}
 
:문자열박스의 테투리 border 설정을 한다. 기본 2px solde black. 테두리 설정을 하면 한줄 전체가 적용된다.
 
<pre>
{{차트 상단|제목=문재인의 가계도}}
{{차트 시작|s=9pt}}
{{차트 |..|문용형<small><br>1920~1978</small> |--|ㅜ-|--|처 강한옥<small><br>1928~2019</small> |.. }}
{{차트 |..|..|.. |( |ㅡ|ㅗ |ㅜ|ㅡ |ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}
 
{{차트 |색=gold|색4=tomato|..|여 문재월 <small><br>1949~</small>|..|문재인<small><br>1952~</small> |..|여 문재성<small><br>1955~</small> |..|여 문재실<small><br>1957~</small>|..|남 문재익<small><br>1959~</small> }}
 
{{차트|색=pink|테두리=2px dashed red |..|..|..|..|..|처 김정숙 <small><br>1954~</small> |.. |..}}
 
{{차트 |..|..|..|..|(|ㅡ|ㅗ|ㅡ|ㄱ|.. }}
{{차트 |색=silver |..|..|..|문준용<small><br>1982!</small>  |..|문다혜<small><br>1983~</small> |.. }}
{{차트 |..}}
{{차트 끝}}
{{차트 하단}}
</pre>
 
*문재인이 형제 줄은 |색=gold 이지만, 문재인이만 4번인자이므로 |색4=tomato 빨간색으로 설정하였다.  
*김정숙이 줄은 |색=pink이고, |테두리=2px dashed red이다.(위치가 6번인자이므로 '|색6=, |테두리6='로 해야하나 텍스트가 김정숙이 하나이므로 결과는 동일하다)
*문준용이 줄은 |색=silver 이다.
 
{{차트 상단|제목=문재인의 가계도|정렬=@}}
{{차트 시작|s=9pt}}
{{차트 |..|문용형<small><br>1920~1978</small> |--|ㅜ-|--|처 강한옥<small><br>1928~2019</small>  |.. }}
{{차트 |..|..|.. |( |ㅡ|ㅗ |ㅜ|ㅡ |ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}
{{차트 |색=gold|색4=tomato|..|여 문재월 <small><br>1949~</small>|..|문재인<small><br>1952~</small>  |..|여 문재성<small><br>1955~</small> |..|여 문재실<small><br>1957~</small>|..|남 문재익<small><br>1959~</small> }}
{{차트|색=pink|테두리6=2px dashed red |..|..|..|..|..|처 김정숙 <small><br>1954~</small> |.. |..}}
{{차트 |..|..|..|..|(|ㅡ|ㅗ|ㅡ|ㄱ|.. }}
{{차트 |색=silver |..|..|..|문준용<small><br>1982!</small>  |..|문다혜<small><br>1983~</small>  |.. }}
{{차트 |..}}
{{차트 끝}}
{{차트 끝}}
{{차트 하단}}


{{-}}
{{-}}
* 팁
:- 차트를 만들때 들어갈 이름항목은 한 두글자로 미리 입력해 놓고 전체 차트가 제대로 만들어진 후에 최종적으로 상세 글자를 입력한다.
:- 차트 입력문자를 입력할 때 위 아래 차트 틀의 줄을 맞추어 입력하면 미리보기 효과가 있어서 입력이 수월 하다.


* 상단과 하단에 다음과 같이 하여 차트를 접힘상태로 보여줄 수 있다.
==사용예3, 문자열 박스  style 설정==
<pre>{{글숨김|제목=우리집 차트|제목색=oldlace|펼치기=}}
스타일 속성을 같은 줄에 있는 문자열박스라도 아래와 같이 각각 스타일을 지정할 수 있다.
;|색n= : n번째인자의 문자열 박스의 배경색을 설정한다.
;|테두리n= :  n번째인자의 문자열 박스의 테두리 선을 일괄 설정한다.
 
특정 줄의 스타일을 일괄적으로 설정하려면 다음 변수를 사용한다.,
;|색= : 해당 줄의 문자열 박스의 배경색을 일괄 설정한다.
;|테두리= : 해당 줄의 테두리 선을 일괄 설정한다.
 
 
;입력한 내용
<pre>
{{차트 시작}}
{{차트 시작}}
{{차트|..|.. |.. |할아버지|--  |ㅜ- |--| 할머니|}}
{{차트|.. |.. |.. |.. |AA|.. |.. |.. |.. |테두리=3px solid red }}
{{차트|..|.. |.. |..      |..  |ㅏ  |ㅡ|ㄱ}}
{{차트|.. |( |ㅡ|ㅡ|)|ㅣ|ㄴ|ㅡ|ㅡ|ㄱ| }}
{{차트|..|.. |.. | 엄마  |ㅜ- |아빠|..|삼촌}}
{{차트|GOLD |--|GREEN|--|BLUE |색1=gold |색3=green |색5=royalblue}}
{{차트|..|( |ㅡ |ㅡ     |+  |ㅡ |ㅡ|ㄱ |..|..}}
{{차트|..|광수|..|..      |광철|..  |..|미나|..|..}}
{{차트 끝}}
{{차트 끝}}
{{글숨김 끝}}
</pre>
</pre>
{{글숨김|제목=우리집 차트|제목색=oldlace|펼치기=}}
 
;보여지는 결과
{{차트 시작}}
{{차트 시작}}
{{차트|..|.. |.. |할아버지|--  |ㅜ- |--| 할머니|}}
{{차트|.. |.. |.. |.. |AA|.. |.. |.. |.. |테두리=3px solid red }}
{{차트|..|.. |.. |..      |..  |ㅏ  |ㅡ|ㄱ}}
{{차트|.. |( |ㅡ|ㅡ|)|ㅣ|ㄴ|ㅡ|ㅡ|ㄱ| }}
{{차트|..|.. |.. | 엄마  |ㅜ- |아빠|..|삼촌}}
{{차트|GOLD |--|GREEN|--|BLUE |색1=gold |색3=green |색5=royalblue}}
{{차트|..|( |ㅡ |ㅡ     |+  |ㅡ |ㅡ|ㄱ |..|..}}
{{차트|..|광수|..|..      |광철|..  |..|미나|..|..}}
{{차트 끝}}
{{차트 끝}}
{{글숨김 끝}}


*모바일에서 차트가 창 범위를 벗어나므로 글숨김 틀을 사용하여 차트를 만들기를 추천한다.




*홍석현의 가계도
{{-}}
{{글숨김|홍석현의 가계도|펼치기=@}}
==사용예4, 화살표==
<br>
차트에 화살표 기능이 추가되어 활용이 가능하다.
 
{|class="wikitable"
!  입력 !! 결과 !! 입력 !! 결과
|-
| {{코드|))}}
| {{차트 시작}}{{차트|))}}{{차트 끝}} 
 
| {{코드|((}}
| {{차트 시작}}{{차트|((}}{{차트 끝}} 
 
|-
| {{코드|^^}}
| {{차트 시작}}{{차트|^^}}{{차트 끝}} 
 
| {{코드|vv}}
| {{차트 시작}}{{차트|vv}}{{차트 끝}}
|}
 
 
;입력한 내용
<pre>
{{차트 시작}}
{{차트 시작}}
{{차트|..|..|.. |.. |..|..|.. |[[홍진기]]<br>1917~1986|ㅜ.|김윤남<br>1924~2013}}
{{차트|.. |( |ㅡ |))|AAA  |(( |ㅡ|ㄱ|테두리=3px solid red }}
{{차트|..|..|.. |( |ㅡ|ㅜ|ㅡ |ㅡ|+ |ㅡ |ㅜ|ㅡ|ㅡ|ㅜ|ㅡ|ㄱ}}
{{차트|..|ㅣ| ..|..| ..|^^|..|..|..|ㅣ| ..}}
{{차트|..|..|(. |[[홍라희]]<br>1945~<br>리움 관장|..|[[홍석현]]<br>1949~<br>중앙미디어넷웍 회장|ㄱ.|..|[[홍석조]]<br>1953~<br>BGF 리테일 회장|ㄱ.|[[홍석준]]<br>1954~<br>보광창업투자 회장|..|..|[[홍석규]]<br>1956~<br>보광 회장|..|[[홍라영]]<br>1958~|..}}
{{차트|..|vv|..|..|.. |vv|..|..|..|vv|.. }}
{{차트|..|( |ㅓ;|.. |..|..|ㅏ;|ㄱ|..|ㅏ;|ㄱ}}
{{차트|Gold  |--|Green |--|Blue |색=gold }}
{{차트|..|ㅣ|ㄴ.|[[이건희]]<br>전 삼성전자 회장|..|신연신|).|ㅣ|양경희|).|홍석준}}
{{차트 끝}}
{{차트|..|ㅏ|ㅡ |ㅜ |ㅡ|ㄱ|.. |ㅏ|ㅜ|ㄱ}}
</pre>
{{차트|..|[[이재용]]<br>삼성전자회장|..|[[이부진]]<br>호텔신라 사장|..|이서현<br>제일모직 사장|..|[[홍정도]]<br>1977~<br>JTBC 중앙일보 대표이사|[[홍정현]]<br>1980~<br>온지음 기획위원|[[홍정인]]<br>1985~보광 경영기획실장}}


;보여지는 결과
{{차트 시작}}
{{차트|.. |( |ㅡ |))|AAA  |(( |ㅡ|ㄱ|테두리=3px solid red }}
{{차트|..|ㅣ| ..|..| ..|^^|..|..|..|ㅣ| ..}}
{{차트|..|vv|..|..|.. |vv|..|..|..|vv|.. }}
{{차트|Gold  |--|Green |--|Blue |색=gold }}
{{차트 끝}}
{{차트 끝}}
<br>
 
{{차트 시작}}{{차트|..|ㅡ|..|직계}}{{차트 끝}}
 
{{차트 시작}}{{차트|..|--|..|부부관계}}{{차트 끝}}
 
<br>
{{글숨김 끝}}


==함께보기==
==함께보기==
[[틀:가계도]]
{| class="wikitable" {{st|h=40px|a=center}}
|-
! {{st|w=120px}}| 위키피디아 호환 !! {{st|w=120px}}| 직관적 입력문자    !! {{st|w=300px}}| 설명
|-
| [[틀:가계도]]       || [[틀:차트]]      || 입력문자 1칸, 문자열 박스 3칸을 차지한다.
|}
 
 
* [[틀:차트 상단]]
** [[틀:차트 시작]]
*** [[틀:차트]]
*** [[틀:차트q]] - 출력값이 모두 실선일때.
** [[틀:차트 끝]]
* [[틀:차트 하단]]
 
 
 
{{각주}}

2024년 6월 14일 (금) 11:00 기준 최신판

{{차트}} 정보를 입력하는 틀로서 {{가계도}}와 같으며, 차이 점은 입력 문자가 한글자모를 활용한 직관적인 문자를 사용한다.

60px-Information icon4.svg.png 위키백과의 틀과는 호환이 되지 않는다.


차트틀 구조

{{차트}} 틀을 구성하는 전체적인 구성은 다음과 같다. {{차트}}는 {{차트 시작}} 과 {{차트 끝}} 사이에 위치하며 여러개의 {{차트}}틀을 사용할 수 있다.

추가적으로 차트 시작, 끝을 {{차트 상단}}과 {{차트 하단}}으로 전체를 감싸는 구조이다. 이는 가시성을 보다 좋게한다.

일반적인 차트 구조
{{차트 상단 |제목= |제목색= |접기= }} 
{{차트 시작}}       
{{차트 |..|..|.. |.. }}
 //
 //
{{차트 |..|..|.. |.. }}
{{차트 끝}}    
{{차트 하단}}
복잡한 차트 구조

매개변수가 많은 복잡한 차트에서는 {{차트}} 대신 {{차트q}}를 사용한다. {{차트}}를 사용할 때는 매개변수가 모두에 실선만 있는 경우(파선, 파선 혼합이 하나라도 있으면 {{차트}} 사용)에 사용해야 한다. 

{{차트 상단 |제목= |제목색= |접기= }} 
{{차트 시작}}       
{{차트q |..|..|.. |.. }}
 //
 //
{{차트q |..|..|.. |.. }}
{{차트 끝}}    
{{차트 하단}}

사용방법

동음이의.png 다른 뜻에 대해서는 틀:가계도 문서를 참조하세요.

{{차트 |문자1 |문자2 |문자3 .... |문자40 }}

|문자1
아래 단락의 입력문자중 하나를 입력한다.
|문자2
아래 단락의 입력문자중 하나를 입력한다.
|문자3
아래 단락의 입력문자중 하나를 입력한다.
//
//
|문자40
아래 단락의 입력문자를 입력한다.


입력문자 및 결과

  • 입력문자는 한글자모를 사용하여 입력의 편리성/직관성을 주었으며, 파선과 실선,파선 혼합은 다음과 같은 문자조합으로 되어있다.
파선
세로줄(!)[1] → (;)[2]
가로줄(ㅡ)[3] → (--)[4]
나머지문자 → 실선문자 + 점(.)

60px-Information icon4.svg.png 파선 문자에서  ; 와  -- , 나머지는 실선 문자에  . 를 추가하여 사용한다.


파선 혼합
세로줄 파선 → 실선 한글자모 + (;)
가로줄 파선 → 실선 한글자모 + (-)

60px-Information icon4.svg.png 혼합 문자에서 세로방향 점선은 실선 문자에  ; 를, 가로방향 점선은 실선 문자에  - 를 추가하여 사용한다.

실선

　!
　(
　ㅜ
　ㄱ
　ㅡ
　ㅏ
　+
　ㅓ
　ㄴ
　ㅗ
　)

파선

　;
　(.
　ㅜ.
　ㄱ.
　--
　ㅏ.
　+.
　ㅓ.
　ㄴ.
　ㅗ.
　).

혼합

　ㅜ;
　ㅜ-
 
　ㅏ;
　+;
　ㅓ;
　 　ㅏ-
　+-
　ㅓ-
　ㅗ;
  　ㅗ-
 


  • 추가적으로 입력가능한 문자는 .., 빈칸, 문자열이다.
  • {{차트|문자1|문자2|...}}를 입력할 때는 위, 아래로 {{차트 시작}}과 {{차트 끝}}을 사용하여야 한다.


  • 위 코드는 가계도 틀의 결과와 동일하나 직관적으로 사용할 수 있게 하였다. 가계도 입력문자와 비교하자.
    검색 아이콘.png 이 주제에 대한 자세한 내용은 틀:가계도 문서를 봐 주세요.
가계도 입력문자
실선:
　!
　,
　v
　.
　-
　)
　+
　(
　`
　^
　'
파선:
　:
　F
　V
　7
　~
　D
　%
　C
　L
　A
　J


혼합:
　j
　y
 
　d
　*
　c
　f
　t
　e
　i
　h
 


사용예

접히기 기능

  • 팁
- 차트를 만들때 들어갈 이름항목은 한 두글자로 미리 입력해 놓고 전체 차트가 제대로 만들어진 후에 최종적으로 상세 글자를 입력한다.
- 차트 입력문자를 입력할 때 위 아래 차트 틀의 줄을 맞추어 입력하면 미리보기 효과가 있어서 입력이 수월 하다.
- 문자열이 있는 열의 위치를 맞추어서 입력해야 나중에 수정하기가 수월하다. 아래 가계도는 줄을 맞추어 입력한 예이다. 문자열 박스는 3칸으로 자리잡아 만든다.
입력한 내용
{{차트 상단|제목=우리집 차트|제목색=oldlace|접기=}}
{{차트 시작}}
{{차트|..|..|.. | 할아버지 |-- |ㅜ-|--| 할머니  |..}}
{{차트|..|..|.. |.. |..|.. |.. |ㅏ |ㅡ|ㅡ|ㅡ|ㄱ |..|..}}
{{차트|..|..| 엄마     |ㅜ-|  아빠    |..| 삼촌    }}
{{차트|..|..| ( |ㅡ |ㅡ|ㅗ |ㅜ |ㅡ |ㅡ|ㅡ|ㄱ}}
{{차트|..|  광수    |..|{{배지|광팔이|pink|black|120}}|..| 미나   |..}}
{{차트 끝}}
{{차트 하단}}
보여지는 결과
우리집 차트
할아버지 할머니



엄마 아빠 삼촌



광수 광팔이 미나
  • 가계도의 마지막줄 문자열 높이가 작게나오는 경우가 있는데 바로 아랫줄에 {{차트|..}}(빈줄)를 추가해 주면 해결된다.


복잡한 차트

차트를 완성한 차트가 복잡해 느리다 싶으면 {{차트}} 대신 {{차트q}}로 대체하여 사용할 수 있다.

  • 홍석현의 가계도
입력한 내용
{{차트 상단|제목=홍석현의 가계도|정렬=@}}
{{차트 시작}}
{{차트|.. |.. |.. |.. |.. |.. |.. |홍진기   |ㅜ-| 김윤남 }}
{{차트|.. |.. |.. |.. |(  |ㅡ |ㅡ |ㅡ |ㅜ|ㅡ|ㅗ |ㅡ |ㅡ|ㅜ|ㅡ|ㅡ |ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}
{{차트|.. |.. |(. | 홍라희    |.. |'''홍석현'''|ㄱ.|.. | 홍석조 |ㄱ.| 홍석준 |..| 홍석규 |..| 홍라영 |색6=#f88}}
{{차트|.. |(  |ㅓ;|.. |.. |.. |.. |..|..|.. |ㅏ;|ㄱ |..|..|..|ㅏ;|ㅡ|ㄱ}}
{{차트|.. |ㅣ |ㄴ.| 이건희    |.. |신연신   |). |ㅣ |양경희  |). |홍석준}}
{{차트|.. |ㅏ |ㅡ |ㅡ |ㅜ |ㅡ |ㅡ |ㄱ|..|.. |.. |ㅏ |ㅡ|ㅡ|ㅜ|ㅡ |ㅡ |ㄱ}}
{{차트| 이재용    | 이부진    |이서현   |.. | 홍정도   | 홍정현  | 홍정인 |색5=#faa}}
{{차트|..}}   <!-- 문자열 박스의 두깨가 동일하게 나오게 하기위해서 한줄을 추가했다 -->
{{차트 끝}}

{{차트 시작}}{{차트|..|ㅡ|..|직계}}{{차트 끝}} 
{{차트 시작}}{{차트|..|--|..|부부관계}}{{차트 끝}}
{{차트 하단}
보여지는 결과
홍석현의 가계도
홍진기 김윤남



홍라희 홍석현 홍석조 홍석준 홍석규 홍라영



이건희 신연신 양경희 홍석준



이재용 이부진 이서현 홍정도 홍정현 홍정인



직계
부부관계

사용예2, 매개변수 사용

|s=
전체 글자크기를 설정한다. 기본은 9.8pt
|색= 혹은
|색n= (n은 숫자)
문자열박스의 배경색을 설정한다. 색 설정을 하면 한줄 전체가 적용된다.
|테두리= 혹은
|테두리n= (n은 숫자)
문자열박스의 테투리 border 설정을 한다. 기본 2px solde black. 테두리 설정을 하면 한줄 전체가 적용된다.
{{차트 상단|제목=문재인의 가계도}}
{{차트 시작|s=9pt}}
{{차트 |..|문용형<small><br>1920~1978</small> |--|ㅜ-|--|처 강한옥<small><br>1928~2019</small>  |.. }}
{{차트 |..|..|.. |( |ㅡ|ㅗ |ㅜ|ㅡ |ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}

{{차트 |색=gold|색4=tomato|..|여 문재월 <small><br>1949~</small>|..|문재인<small><br>1952~</small>  |..|여 문재성<small><br>1955~</small> |..|여 문재실<small><br>1957~</small>|..|남 문재익<small><br>1959~</small> }}

{{차트|색=pink|테두리=2px dashed red |..|..|..|..|..|처 김정숙 <small><br>1954~</small> |.. |..}}

{{차트 |..|..|..|..|(|ㅡ|ㅗ|ㅡ|ㄱ|.. }}
{{차트 |색=silver |..|..|..|문준용<small><br>1982!</small>   |..|문다혜<small><br>1983~</small>  |.. }}
{{차트 |..}}
{{차트 끝}}
{{차트 하단}}
  • 문재인이 형제 줄은 |색=gold 이지만, 문재인이만 4번인자이므로 |색4=tomato 빨간색으로 설정하였다.
  • 김정숙이 줄은 |색=pink이고, |테두리=2px dashed red이다.(위치가 6번인자이므로 '|색6=, |테두리6='로 해야하나 텍스트가 김정숙이 하나이므로 결과는 동일하다)
  • 문준용이 줄은 |색=silver 이다.
문재인의 가계도
문용형
1920~1978 		처 강한옥
1928~2019



여 문재월
1949~ 		문재인
1952~ 		여 문재성
1955~ 		여 문재실
1957~ 		남 문재익
1959~


처 김정숙
1954~



문준용
1982! 		문다혜
1983~



사용예3, 문자열 박스 style 설정

스타일 속성을 같은 줄에 있는 문자열박스라도 아래와 같이 각각 스타일을 지정할 수 있다.

|색n=
n번째인자의 문자열 박스의 배경색을 설정한다.
|테두리n=
n번째인자의 문자열 박스의 테두리 선을 일괄 설정한다.

특정 줄의 스타일을 일괄적으로 설정하려면 다음 변수를 사용한다.,

|색=
해당 줄의 문자열 박스의 배경색을 일괄 설정한다.
|테두리=
해당 줄의 테두리 선을 일괄 설정한다.


입력한 내용
{{차트 시작}}
{{차트|.. |.. |.. |.. |AA|.. |.. |.. |.. |테두리=3px solid red }}
{{차트|.. |( |ㅡ|ㅡ|)|ㅣ|ㄴ|ㅡ|ㅡ|ㄱ| }}
{{차트|GOLD |--|GREEN|--|BLUE |색1=gold |색3=green |색5=royalblue}}
{{차트 끝}}
보여지는 결과
AA



GOLD GREEN BLUE



사용예4, 화살표

차트에 화살표 기능이 추가되어 활용이 가능하다.

입력 결과 입력 결과
 )) 
▶


 (( 
◀


 ^^ 
▲


 vv 
▼


입력한 내용
{{차트 시작}}
{{차트|.. |( |ㅡ |))|AAA   |(( |ㅡ|ㄱ|테두리=3px solid red }}
{{차트|..|ㅣ| ..|..| ..|^^|..|..|..|ㅣ| ..}}
{{차트|..|vv|..|..|.. |vv|..|..|..|vv|.. }}
{{차트|Gold  |--|Green |--|Blue |색=gold }}
{{차트 끝}}
보여지는 결과
▶
AAA
◀


▲


▼
▼
▼


Gold Green Blue



함께보기

위키피디아 호환 직관적 입력문자 설명
틀:가계도 틀:차트 입력문자 1칸, 문자열 박스 3칸을 차지한다.



각주

  1. ↑ 느낌표
  2. ↑ 세미콜론
  3. ↑ 한글 모음 '으'
  4. ↑ 마이너스 2개