Computer Science/Web Programming

[Flourish] Interactive Network Visualization (웹 네트워크 그래프 툴)

2021. 6. 29. 17:23

네트워크 그래프 (Network graph)를 그려 웹으로 보여줘야할 필요가 있을 때 Flourish라는 툴을 사용할 수 있다.

 

Flourish | Data Visualization & Storytelling

Beautiful, easy data visualization and storytelling

flourish.studio

 

위 툴을 사용하면 다음과 같은 네트워크 그래프를 웹에서 표시할 수 있다.

 

사용 방법

사용 방법은 굉장히 간단하다. 먼저 회원가입을 한 후 templates에서 Network graph를 선택한다.

이후 단계는 크게 3단계로 나뉜다.

 

1. Data

먼저 네트워크 그래프를 만들고자 하는 데이터를 업로드한다. Links 데이터는 점 두개가 얼마의 값으로 연결되어 있는지에 대한 데이터이고, Points 데이터는 각각의 점의 특성을 나타낸다 (ex. 그룹 지정).

 

2. Preview

Preview에서는 그래프를 보면서 속성을 조절하여 원하는 모양으로 생성이 가능하다.

 

3. Export

다 만든 이후에는 export를 한다. 그러면 publish가 되고, 생성된 html 코드를 내 웹사이트에 붙여 넣으면 네트워크 그래프를 볼 수 있다.

 

 

무료 버전의 경우 데이터를 무조건 publish 해야하며 데이터 포인트가 너무 많을 때는 로딩이 느리다는 단점이 있지만, interactive network graph를 그려줄 수 있는 유용한 툴이었다.

728x90
반응형