2021년 상위 10개 React 차트 라이브러리
React 차트 라이브러리는 웹 개발자에게 엄청난 시간을 절약해 줍니다.
React 차트 라이브러리는 데이터 표시 및 시각화에서 웹 앱의 필수 부분을 구성하는 라이브러리입니다.
우리는 이 게시물에서 10가지 최고의 React 차트 라이브러리를 살펴보고 있습니다. 가자!
컨트롤 차트 파워 바이
1. 반응 네이티브 svg 차트
React Native에서 멋진 차트를 만들려면 기술 지식이 없어도 됩니다. react-native-svg 차트를 사용하여 SVG 경로를 렌더링하고 좌표를 계산합니다.
2. 반응용 차트
echarts-for-react는 React를 위한 더 간단한 래퍼입니다.
특징:
- npm에서 쉽게 설치
- 사용하기 쉬운
- 고성능
3. 반응-비교
react-vis는 선형/막대/영역 차트, 산점도, 히트맵, 등고선 플롯, 파이 및 도넛 차트, 육각형 히트맵, 햇살, 평행 좌표, 방사형 차트 및 트리맵과 같은 데이터 시각화 차트를 렌더링하는 데 사용되는 반응 구성 요소 모음입니다. .
-
간단. |_+_| 첫 번째 시각화 구축을 시작하기 위해 데이터 시각화 라이브러리에 대한 깊은 지식이 필요하지 않습니다.
system.pause C++
-
유연성. |_+_| 다양한 차트에 대한 기본 빌딩 블록 세트를 제공합니다. 예를 들어 X축과 Y축 구성요소를 분리합니다. 이것은 차트 레이아웃을 필요로 하는 응용 프로그램에 대한 높은 수준의 차트 레이아웃 제어를 제공합니다.
-
사용의 용이성. 라이브러리는 사용자 지정 사용자 설정으로 재정의할 수 있는 기본값 집합을 제공합니다.
-
React와의 통합. |_+_| React의 라이프사이클을 지원하며 불필요한 노드를 생성하지 않습니다.
4. 비스.js
Vis.js는 대용량 데이터를 처리하고 데이터를 조작하고 상호 작용할 수 있도록 설계된 동적 브라우저 기반 데이터 시각화 라이브러리입니다.
특징:
hp 4155 프린터를 Wi-Fi에 연결하는 방법
- 데이터 세트: 데이터 세트를 사용하여 구조화되지 않은 데이터를 관리합니다. 즉, 데이터의 변경 사항을 추가, 제거, 업데이트 또는 수신 대기합니다.
- 타임라인: 사용자 지정 가능한 대화형 타임라인이 있습니다.
- Graph2D: 대화형 2D 그래프 생성
- Graph3D: 표면과 선이 있는 대화형 3D 그래프 생성
- 네트워크: 동적이고 조직적이며 사용자 정의 가능한 네트워크 보기를 표시합니다.
5. vx
vx는 시각적 생성을 위한 d3의 기능과 DOM 업데이트를 위한 React의 이점을 결합한 저수준 시각화 구성 요소 모음입니다. vx는 대체로 의견이 없으며 그 위에 구축되어야 합니다. 필요한 패키지를 사용하여 번들 크기를 줄이는 옵션이 있습니다.
목표는 재사용 가능한 차트 라이브러리 또는 멋진 사용자 지정 일회성 차트를 만드는 데 사용할 수 있는 구성 요소 라이브러리를 만드는 것입니다. vx는 대체로 의견이 없으며 그 위에 빌드해야 합니다. 번들 크기를 줄이고 필요한 패키지만 사용하십시오.
6. Victory.js
Victory.js는 대화형 데이터 및 시각화를 구축하는 데 사용되는 구성 가능한 React 구성 요소 라이브러리입니다.
Excel 2016 변경 사항을 저장하지 않음
대화형 데이터 시각화를 구축하기 위한 구성 가능한 React 구성 요소 모음
7. 비즈차트
BizCharts는 강력한 데이터 시각화 React 및 G2 기반 라이브러리입니다.
특징 :
- React es6 문법 사용
- 사용하기 쉬운
- 강력한 확장성
- 대부분의 데이터 시각화 차트 지원
8. React 시리즈 차트
React 시리즈 차트 라이브러리에는 React에서 유연하고 대화형 차트를 구축하기 위한 모듈식 React 차트 구성 요소 세트가 포함되어 있습니다. 특히 데이터와 네트워크를 시각화하기 위해 처음부터 React를 사용하여 구축되었습니다.
특징:
- JSX를 사용한 차트의 선언적 레이아웃
- 축, 행 및 오버레이에 대한 여러 컴포지션
- 팬 및 확대/축소, 강조 표시 및 선택을 포함하는 상호 작용
- 자체 차트 유형 및 오버레이를 쉽게 추가
- 선, 영역, 분산형, 막대형, 상자 그림 및 이벤트 차트
- 대화형 차트 영역 선택을 위한 브러싱
- 전설
- 차트 이동 및 확대/축소 제약 조건
- 기준선
- 마커
9. 차트킥
Chartkick은 한 줄의 React 코드로 아름다운 JavaScript 차트를 만듭니다.
특징 :
- 시간 초과 없음
- 멀티 시리즈
- 글로벌 옵션
10. 반응 피벗 가능
react-pivottable은 드래그 앤 드롭 기능이 있는 React 기반 피벗 테이블 라이브러리입니다. React 포트 jquery 기반의 pivotTable.js입니다.
angularjs 소재 디자인 템플릿
특징:
- 드래그 앤 드롭 기능
- 데이터 시각화
#reactjs #자바스크립트 #프로그래밍