React Chart 'nivo' 무료 라이브러리

면책조항 외 제한없는 오픈소스 무료 라이브러리. 곡선 그래프가 필요하여 알아보았다.

곡선 그래프는 'Bump'라는 이름으로 분류된다. 각 시리즈(Serie)의 선은 각각의 (x, y)가 제공되어야한다. 만약 다른 곡선의 (a, b)가 존재할 때 어떤 곡선의 a에 따르는 값이 없으면 그 칸이 비워진다. 앞뒤 점을 직선으로 연결하는 방식이 존재하는지 알아봐야한다. HighChart의 X축을 별도로 만들고 각 시리즈 데이터를 배열로 받아 대응시키는 방식과 대조된다.

일단 이번 사용측면에서는 x축 값이 모든 시리즈에서 항상 같으므로 그냥 사용하련다.

 

https://nivo.rocks/about

About

 

nivo 라이센스 관련 글

https://github.com/plouc/nivo/blob/master/LICENSE.md

GitHub - plouc/nivo: nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

 

HighChart 체험판이 비영리를 대상으로 하므로 nivo로 대체해야겠다.

git bash로 React 디렉토리에 접근하고 'npm install --save @nivo/core' 및 'npm install --save @nivo/bump'를 입력하여 정상적으로 라이브러리를 설치하였다.