displaying relational data, orgchart recommend site, api

* 본 게시물은 아래의 사이트를 추천하는 글 입니다. 자세한건 아래의 링크를 눌러주세요.

css를 이용하여 관계도를 나타냅니다.

api링크1           api링크2

type1

type2

* 사용법

• 전체 묶음

<div class="hv-wrapper">

• 최상위 Parent

<div class="hv-item-parent">     <p> Parent </p>   </div>

---

• 최상위 Children 묶음

<div class="hv-item-children">

---

• 최상위 Child 1

<div class="hv-item-child">

• 차상위Parent

<div class="hv-item-parent"> <p> Parent </p> </div>

• 차상위 Children

<div class="hv-item-children">           <div class="hv-item-child">             <p> Child 1 </p>           </div>           <div class="hv-item-child">             <p> Child 2 </p>           </div>           <div class="hv-item-child">             <p> Child 2 </p>        </div> </div>

---

• 최상위 Child 2,3

<div class="hv-item-child">       <p> Child 2 </p> </div> <div class="hv-item-child">       <p> Child 3 </p> </div>