react 차트 라이브러리 종류 비교 14종!

2024. 3. 29. 11:06개발/토막난 상식

반응형

리액트에서 이악물고 쓸수 있는것들 위주로 

 

1. FL 차트

https://app.flchart.dev/#/line

 

FL Chart App

 

app.flchart.dev

 

 

 

 

 

2.  차트js 2 

https://react-chartjs-2.js.org/examples/stacked-bar-chart

 

Stacked Bar Chart | react-chartjs-2

Example of stacked bar chart in react-chartjs-2.

react-chartjs-2.js.org

 

 

 

3. recharts

https://recharts.org/en-US

 

 

 

4. nivo

https://nivo.rocks/

 

Home | nivo

 

nivo.rocks

 

Bar chart | nivo

Bar chart which can display multiple data series, stacked or side by side. Also supports both vertical and horizontal layout, with negative values descending below the x axis (or y axis if using horizontal layout). The bar item component can be customized

nivo.rocks

 

 

 

5. chart.xkcd

https://github.com/timqian/chart.xkcd

 

GitHub - timqian/chart.xkcd: xkcd styled chart lib

xkcd styled chart lib. Contribute to timqian/chart.xkcd development by creating an account on GitHub.

github.com

 

 

 

6. g2

https://github.com/antvis/G2

 

GitHub - antvis/G2: 📊 The concise and progressive visualization grammar.

📊 The concise and progressive visualization grammar. - antvis/G2

github.com

 

7. Frappe Charts

https://github.com/frappe

 

Frappe

We build world class open-source software products. - Frappe

github.com

 

 

 

 

8. 차트 js 

https://github.com/chartjs/Chart.js

 

GitHub - chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag

Simple HTML5 Charts using the <canvas> tag. Contribute to chartjs/Chart.js development by creating an account on GitHub.

github.com

 

 

9. am차트

https://www.amcharts.com/

 

JavaScript Charts & Maps - amCharts

JavaScript charts and maps data-viz libraries for web, dashboards, and applications. Fast and flexible. React/Angular compatible. Since 2006.

www.amcharts.com

 

 

 

10 css차트

https://chartscss.org/

 

Charts.css

 

chartscss.org

 

 

11 빌보드

https://github.com/naver/billboard.js

 

GitHub - naver/billboard.js: 📊 Re-usable, easy interface JavaScript chart library based on D3.js

📊 Re-usable, easy interface JavaScript chart library based on D3.js - naver/billboard.js

github.com

 

 

12 ngx  차트

https://swimlane.github.io/ngx-charts/#/ngx-charts/bar-vertical

 

NgxCharts

 

swimlane.github.io

 

 

13 리액트 차트

https://react-charts.tanstack.com/

 

React Charts

Hooks for building lightweight, fast and extendable datagrids for React

react-charts.tanstack.com

 

 

14 vizzu-lib

https://lib.vizzuhq.com/latest/examples/presets/

 

vizzu

vizzu - Library for animated data visualizations and data stories

lib.vizzuhq.com