Scatter chart with visx

D3로 되어 있는 scatter chart를 visx로 구현해 보았습니다.

2021-09-30

Scatter chart with visx

visx는 airbnb에서 만든 data visulaization 라이브러리 입니다.

D3와 동일한 수준의 api를 react 환경에 적합한 방식으로 제공합니다.

React에서 D3 기반의 visualization을 imperative 하게 구현하기 보다는 visx를 사용하여 declarative, reactive 하게 구현할 수 있습니다.

다음은 예제 입니다.

Observable에 올라와 있는 D3 scatter plot의 예제로르 옮겨보았습니다.

Loading script...