[해피CGI][cgimall] Protovis

웹페이지에 여러가지 유형의 그래프를 생성해내는 자바스크립트 플러그인입니다.

다운로드 받은 파일의 압축을 풀면
아래 그림과 같은 폴더 구조가 나옵니다.



examples 폴더 안에는



위 그림과 같이 각 그래프를 위한 예제들이 있습니다.

각 예제폴더마다
html 문서가 하나씩 있고
그 문서를 웹브라우저로 열어서 보면
어떤 그래프인지는 아래 그림처럼 같이 확인이 됩니다.




그래프를 위한 데이터들은 정리해서
아래 그림 처럼 JSON 포맷으로 작성하면 되나 보네요.




데모는
http://mbostock.github.io/protovis/ex/






여러가지 그래프형태를 볼수 있으며
하나씩 클릭해보면
http://mbostock.github.io/protovis/ex/bullet.html



어떤 그래프이며,
어떤 소스코드로 작성해야 하고,
그래프를 위한 데이터는 어떤식으로 작성했는지를 확인이 가능합니다.


http://mbostock.github.io/protovis/ex/projection.html



위 예제 같은건 상당히 특이하긴 하네요.

지구본도 있고, 아래 그림 처럼



사각형 그림의 그래프도 되네요.
한국은 빨간것이.
세계의 인구밀도를 의미하는것 같네요.