[해피CGI][cgimall] 레이어를 이용한 그래프

안녕하세요 HappyCGI  입니다.
 
이번에 소개해 드릴 자료는 js-graph 입니다.

License : Apache License V2.0

압축을 해제 하시면 아래의 폴더 구조를 가지고 있습니다.




sf-homepage 에 보시면 gettingstarted.html 파일이 있으며 가장 기본샘플 파일 입니다. 

js-graph 는 레이어를 드래그&드랍하여 위치를 이동시킬 수 있습니다. 
레이어 끼리 연결을 시켜서 관계를 보여줄 때 사용하면 좋을듯 합니다. 
원본 사이트에는 div 포지션을 보여주는 기능은 없지만 수정해 div의 포지션을 보여줄 수 있도록 조금 수정해 두었습니다. 

해당 폴더의 test2.html 을 보시면 아래의 설명 이미지를 보여주기 위해 사용한 샘플 HTML 파일도 넣어 두었습니다.

javascript + Ajax + DB 를 연동시키면 레이어를 소스 수정없이 추가하거나 
레이어의 위치와 연결 고리를 만들면 재미있는 기능을 구현할 수 있겠네요. ^^
 
사용방법은 아래의 이미지를 참고하세요.