Observable의 인기 데이터 시각화로 선정되었어요

Jun 24. 2024

최근에 작업했던 시각화 작업물들이 Observable(https://observablehq.com/trending) 이라는 데이터 시각화 커뮤니티 플랫폼에서 인기 데이터 시각화로 분류되어 있다는 것을 알게되었어요. Observable은 데이터 시각화를 만들고, 코드를 공유하고 다른 사람의 작업물을 확인할 수 있는 플랫폼입니다.

아래와 같이 데이터 시각화 작업 두 개가 선정되었습니다. 두 작업 모두 빅데이터를 온라인에서 시각화해 본 것입니다.

출처: Observable Trending

시각화 코드와 애니메이션은 아래 링크에서 확인하실 수 있습니다! 웹상에서 많은 양의 데이터를 시각화하고 애니메이션을 보여주기 위해서는 d3.js 와 shader를 사용하면 좋은데요. 자세한 내용은 다음 기회에 글을 통해 다루도록 하겠습니다.

https://observablehq.com/d/d21adf101e17885a

canvas - wind map

Wind animation using vector fields Code references from 2D Wind and Flow Fields Vector fields with u, v data Graphic using canvas 2d context Map Particles Lat, Long Data Wind vector field data u: speed at x (경도, lon) v: speed at y (위도, lat) 바람

https://observablehq.com/d/d21adf101e17885a

https://observablehq.com/d/b451bd8bef22c23c

regl - sankey + d3

regl is JavaScript library. Below is a recreation of this project, regl-ladder. Sample data is used. regl API Code interpretation 초기 data 를 attributes 각각의 x0, y1.. 으로 저장함 ➡️ 얘를 buffer로 대체하였음 time 값을 이용해

https://observablehq.com/d/b451bd8bef22c23c