[해피CGI][cgimall] Fully Customizable Organisational Chart Plugin With jQuery - OrgChart

조직의 조직도나,
구성원들의 구성도를 쉽게 웹페이지에 표시하는 용도로 사용하면 좋을것 같습니다.


첨부된 파일을 다운로드 받아서
압축을 해제한후
demo/index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.

 

 

여러가지 유형의 예제들을 데모로 확인이 가능합니다.

 

 

 

구성원 위에 표시되는 좌우 아이콘을 이용해서
구성도를 접었다가 펼쳤다가 하는 예제입니다.

 

 

 

화면에서 구성도를 편집하는 것도 예제가 있습니다.

 

 

 

 

 

검색하고자 하는 단어로 필터링 해서 관계가 연결된 구성원만 보여주는 것도 가능하네요.

 

 

 

 

지도와 연결해서,
구성원을 클릭하면 해당 구성원이 있는 위치로 이동하는 예제도 있습니다.

 

 

각 구성원들의 정보를 클릭하면, 아이콘으로 추가로 표시해주는 것도 있습니다.


그 외에도 여러가지 예제들이 있으며,
어떤 조적의 구성원을 표시하는 용도 외에도 사용할수 있을만한데가 많이 있지 않을까 싶네요.​

​

출처는
https://www.jqueryscript.net/chart-graph/Fully-Customizable-Organisational-Chart-Plugin-With-jQuery-OrgChart.html
입니다.

​

​

​