[React] 리액트 그래프/차트 라이브러리 모음

https://velog.io/@eunjin/React-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B7%B8%EB%9E%98%ED%94%84%EC%B0%A8%ED%8A%B8-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EB%AA%A8%EC%9D%8C

[React] 리액트 그래프/차트 라이브러리 모음

 

그대로 복사한 글입니다.

 

---

 

기업협업 프로젝트에서 다양한 차트 라이브러리를 사용해야 해서 직접 사용해 본 라이브러리나 리액트 개발자들 사이에서 유명한 라이브러리를 모아 보았다.

1. Nivo.rocks

https://nivo.rocks

• 커스텀 끝판왕. 직접 실행해보고 바로 코드 복붙 가능
• 걍대박인데 왜안써

2. Recharts

https://recharts.org/en-US

• 무난하고 심플함 적당한 커스텀
• 쓰기 편하고 적용했을 때 적당히 애니메이션도 있음

3. React Vis

https://uber.github.io/react-vis/examples/showcases/radial

• 가볍고 심플
• 차트종류 많음

4. Apexcharts

https://apexcharts.com

• 바닐라js, 앵귤러, 뷰, 리액트 버전 모두 있음
• 디자인 깔끔, 군더더기가 없음
• 종류도 많음

5. Victory

https://formidable.com/open-source/victory/

• 파이그래프 다양한듯
• 큰 그래프 줌기능
• 온클릭 시 색변경 기능 등
• 군더더기 없는 좋은 디자인인데 왜 공홈에선 흑백으로..?

6. Chartjs

https://www.chartjs.org

• 차트 분류 자체는 적으나 커스텀 설정이 굉장히 친절하고 잘 나와있음
• 가벼움
• 유명함

7. Highcharts / Highcharts-react-official

https://www.highcharts.com / https://www.npmjs.com/package/highcharts-react-official

• 전문적이고 세세한 느낌의 차트
• 지도도 있음
• 종류가 매우매우 다양함 걍대박
• 투박한 꼰대회사 브리핑 ppt 느낌