vis.js 네트워크 라이브러리 및 샘플코드 다운로드

https://visjs.org/

vis.js

 

공식홈페이지에서 git 버튼을 누릅니다.

 

https://github.com/visjs/vis-network

GitHub - visjs/vis-network: :dizzy: Display dynamic, automatically organised, customizable network views.

 

Download ZIP 폴더를 눌러 vis-network 파일을 다운로드합니다.

 

 

압축을 해제해서 보면 example폴더가 있는데 실행하보면 아무것도 표출되지 않습니다.

 

소스파일을 열어보면 없는경로가 라이브러리로 지정되어있습니다.

 

해당 파일을 설치하기 위해 node.js를 설치해야합니다.

 

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

LTS 안정화버전을 다운로드합니다.

 

계속 Next를 눌러 설치완료 후에 명령프롬프트 창을 열어 설치가 정상적으로 되었는지 확인합니다.

npm -v

 

이제 git에서 다운받은 프로젝트를 빌드해보겠습니다.

npm 명령어는 vis.js 공식홈페이지에서 확인하실 수 있습니다.

https://www.npmjs.com/package/vis-network

vis-network

 

 

cmd 창에서 git에서 다운로드 한 경로로 이동합니다.

cd C:\Users\k\Downloads\vis-network

 

해당 프로젝트를 설치 및 빌드를 합니다.

npm install

 

npm run build

 

 

설치 및 빌드가 완료되면, git에서 다운받은 폴더로 이동하여 정상적으로 standalone 폴더가 설치되었는지 확인합니다.

 

다시 example폴더의 파일을 실행하면 정상적으로 나타나는 것을 확인할 수 있습니다.