네트워크 그래프 (Network graph)를 그려 웹으로 보여줘야할 필요가 있을 때 Flourish라는 툴을 사용할 수 있다.
위 툴을 사용하면 다음과 같은 네트워크 그래프를 웹에서 표시할 수 있다.
사용 방법
사용 방법은 굉장히 간단하다. 먼저 회원가입을 한 후 templates에서 Network graph를 선택한다.
이후 단계는 크게 3단계로 나뉜다.
1. Data
먼저 네트워크 그래프를 만들고자 하는 데이터를 업로드한다. Links 데이터는 점 두개가 얼마의 값으로 연결되어 있는지에 대한 데이터이고, Points 데이터는 각각의 점의 특성을 나타낸다 (ex. 그룹 지정).
2. Preview
Preview에서는 그래프를 보면서 속성을 조절하여 원하는 모양으로 생성이 가능하다.
3. Export
다 만든 이후에는 export를 한다. 그러면 publish가 되고, 생성된 html 코드를 내 웹사이트에 붙여 넣으면 네트워크 그래프를 볼 수 있다.
무료 버전의 경우 데이터를 무조건 publish 해야하며 데이터 포인트가 너무 많을 때는 로딩이 느리다는 단점이 있지만, interactive network graph를 그려줄 수 있는 유용한 툴이었다.
728x90
반응형
'Computer Science > Web Programming' 카테고리의 다른 글
[HTML] Thymeleaf를 활용한 layout 작성법 (0) | 2021.07.30 |
---|---|
[CSS] 티스토리 블로그 스킨의 제목 스타일 수정 (0) | 2021.03.24 |
[CSS] 티스토리 기본 스킨 오디세이 적용 후 카카오 애드핏 오류 수정 (Odyssey, kakaoAdfit) (0) | 2021.02.10 |
[CSS] 티스토리 기본 스킨 Odyssey의 코드블럭 (Code block) 수정 (0) | 2021.02.09 |
[JPA] javax.persistence.TransactionRequiredException: Executing an update/delete query (0) | 2021.02.09 |