React 시각화 무료 라이브러리 ( 그래프 라이브러리) 검토

1. 최근까지 업데이트가 되었는지

2. 사용이 용이한지

3. 에니메이션을 지원하는지

기준으로 검토하였습니다

 

선정한 순위는 다음과 같습니다

1. 1.Chart.js (react-chartjs-2)
2. 2.Recharts
3. 3.Nivo
4. 4.Victory
5. 5.react-vis

각 라이브러리의 장단점은 다음과 같습니다:

1. 1.Chart.js (react-chartjs-2):
   • • 장점: 간단하고 사용하기 쉬운 API를 제공하며, 기본적인 차트 유형을 아름답게 그릴 수 있습니다. 에니메이션 지원이 가능하며, 리소스 사용이 적습니다.
   • • 단점: 다른 라이브러리에 비해 차트 유형과 커스터마이징 옵션이 제한적일 수 있습니다.
2. 2.Recharts:
   • • 장점: React와 D3 기반으로 만들어져 있어 사용이 쉽고, 선언적인 구문을 사용하여 차트를 그릴 수 있습니다. 다양한 차트 유형을 지원하며, 커스터마이징이 용이합니다. 에니메이션 지원이 가능합니다.
   • • 단점: D3에 비해 성능이 다소 떨어질 수 있습니다.
3.  
4. 3.Nivo:
   • • 장점: React와 D3 기반으로 만들어져 있어 사용이 쉽고, 다양한 차트 유형을 지원합니다. 강력한 커스터마이징 옵션을 제공하며, 에니메이션 지원이 가능합니다.
   • • 단점: 성능이 다소 떨어질 수 있으며, 초기 설정이 다른 라이브러리에 비해 복잡할 수 있습니다.
5. 4.Victory:
   • • 장점: React와 React Native에서 사용할 수 있어 웹과 모바일에서 모두 사용 가능합니다. 다양한 차트 유형을 지원하며, 세부적인 스타일 조정이 가능합니다. 에니메이션 지원이 가능합니다.
   • • 단점: 다른 라이브러리에 비해 사용자 기반이 작을 수 있어 커뮤니티 지원이 상대적으로 적을 수 있습니다.
6. 5.react-vis:
   • • 장점: Uber에서 만든 라이브러리로 웹과 모바일에서 사용 가능하며, 다양한 차트 유형을 지원합니다. 에니메이션 지원이 가능합니다.
   • • 단점: 다른 라이브러리에 비해 사용자 기반이 작을 수 있어 커뮤니티 지원이 상대적으로 적을 수 있습니다.