carrtesy/KT_Genio_Topological_Visualization

JavaScript

KT Genio Topological Visualization

Live View

~~Code Deployed at: http://topovis.de.r.appspot.com/~~

Video Clip

2021-08-02

Useful Sources

graph with convex hull (main source): https://codepen.io/hadis-kia/pen/RwNWXje
graph topology: https://codepen.io/jingxiao/pen/XNzgrv
node labeling: https://bl.ocks.org/mbostock/950642

Troubleshooting

CORS Policy: https://velog.io/@takeknowledge/%EB%A1%9C%EC%BB%AC%EC%97%90%EC%84%9C-CORS-policy-%EA%B4%80%EB%A0%A8-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%B0%9C%EC%83%9D%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3gk4gyhreu

html 파일을 로컬환경에서 크롬 브라우저로 실행시킬 때, 다음 에러가 뜨면서 json 파일을 불러오지 못함.

from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

이 경우, ** VSCode Live Server Plugin 사용**

npm install http-server -g

로 http-server를 설치한 뒤,

npx http-server

로 가서 http://127.0.0.1:8080 로 접속.