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

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|...}}를 입력할 때는 위, 아래로 {{차트 시작}}{{차트 끝}}을 사용하여야 한다.


  • 위 코드는 가계도 틀의 결과와 동일하나 직관적으로 사용할 수 있게 하였다. 가계도 입력문자와 비교하자.
실선:
 !
 ,
 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
|색=
문자열박스의 배경색을 설정한다. 색 설정을 하면 한줄 전체가 적용된다.
|테두리=
문자열박스의 테투리 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=tomato이다., 김정숙 라인은 색=pink이고, |테두리=2px dashed red이다. 문준용 라인은 |색=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개