react chart library

1. recharts 

https://recharts.org/en-US/

가장 유명해서 먼저 시도, 조작이 너무쉬웠으나.... 

이번 프로젝트에서 필요한 x축 y축 커스텀이 쉽지않아 다른라이브러리를 찾아보았다.

 

2. react-chartjs-2

https://react-chartjs-2.netlify.app/

아주 좋음 지금까진.... ! 

왜? 1. interactive함. 2. click 이벤트로 각각의 값에 도달할 수 있을것같음.. 해봐야함!

react-chartjs-2 | react-chartjs-2

 

3. victory

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

event 부분이 custom하기 좋을것같아 선택하려하였으나, 값을 Interactive하게 보여주지 못하는것같아서 pass

 

4. visx

https://airbnb.io/visx/annotation

airbnb 에서 만들었다.

신기한 기능이많지만 우리 프로젝트에서 쓸 일은 많이 없을것같다.

쓴다면, 

그래프에서 값 표시를 눈에 띄게 해줄 수 있는 기능하나정도! 

5. nivo

https://nivo.rocks/line/

오호..유용할듯!!

growing!!

interactive!!

custom 이 쉬울듯

 

다시 확인해보자

 

6. react-vis

https://uber.github.io/react-vis/documentation/general-principles/animation

click to update 유용

나머지는 잘 모르겠음..

 

 

개발자에 따라 가장 인기 있는 반응 차트 라이브러리는 무엇입니까?
답변: 웹 개발자는 종종 반응 차트 라이브러리에 사용할 수 있는 다양한 옵션 중에서 선택합니다. 그러나 개발자에 따라 가장 인기 있는 반응 차트 라이브러리 중 일부는 Recharts, Nivo, Victory 및 Visx입니다. 그들은 또한 가장 많이 사용되는 라이브러리 중 하나입니다.

 

 

더알아볼것...

Chart.js 

https://www.chartjs.org/

Apexcharts

https://apexcharts.com/docs/chart-types/candlestick/

Candlestick Chart Guide & Documentation – ApexCharts.js

라이트웨이트 

https://kr.tradingview.com/lightweight-charts/

라이트웨이트 파이낸셜 차팅 라이브러리