on
널리 사용되는 데이터 표시 및 분석 라이브러리
널리 사용되는 데이터 표시 및 분석 라이브러리
반응형
오늘날, 사람들은 흩어진 관심의 문제로 점점 더 힘들어하고 있다. 따라서, 특히 복잡한 비즈니스 애플리케이션을 사용하는 경우, 정보를 체계적이고 매력적이며 잘 설계된 방식으로 제공하는 것이 점점 더 중요해지고 있습니다. 분석하거나 연구하기 위해 표준 스프레드시트에 방대한 양의 데이터를 제시하는 것은 최대한 불편하다. 서로 다른 차트를 만드는 것은 우리가 고려할 큰 문제이다.
자바스크립트 차트는 데이터를 표시하기 위한 웹 애플리케이션의 필수적인 부분이다. 이것은 자바스크립트 차트 작성 라이브러리가 불가피하다는 것을 의미한다. 인간의 두뇌는 그 어떤 것보다도 시각적인 정보를 훨씬 더 잘 이해하도록 프로그램 되어 있다. 시각화 데이터는 어떻게 설명하든 제시된 데이터보다 훨씬 더 많은 영향을 미칩니다.
자바스크립트에 가장 적합한 9개의 차트 작성 라이브러리
1. 하이차트
하이차트는 SVG 기술을 기반으로 하는 현대적인 자바스크립트 차트 작성 라이브러리이다. 플러그인이 필요 없습니다. 모든 주요 웹 프레임워크와의 통합은 간단합니다.
또한 하이차트는 이전 브라우저와 매우 호환되므로 고급 차트 작성 스타일을 사용하여 데이터를 표시할 필요가 없으면 선택할 수 있습니다.
특징:
반응성 설계 및 터치 장치 모두에 최적화됨.
빅 데이터로 작업할 수 있습니다.
On-hover 툴팁 렌더링은 매우 빠릅니다.
그래프에 주석을 달 수 있는 기능
CSV 파일에서 직접 차트에 데이터를 로드할 수 있습니다.
세부 정보/통계/정보:
라이센스: 비상업용 무료, 상업용 유료
가격: $7060까지 무료
주요 종속성: 종속성 없음
깃허브 스타: 10.2K (github.com)
772개 업체가 하이차트(stackshare.io)를 사용하고 있다.
하이차트를 사용하는 기업:
페이스북
IBM
마스터카드
스택 오버플로
추가 정보
2. 차티스트-js
Chartist.js는 매우 현대적인 SVG 기반 라이브러리입니다. 이 라이브러리의 가장 두드러진 특징은 이 라이브러리로 제작된 차트의 SVG 애니메이션입니다.
그것은 탄탄한 기술 기반을 가지고 있고 구현이 매우 쉽다. 몇 분 안에 모든 백엔드 데이터 소스와 쉽게 상호 작용하는 놀라운 차트를 만들 수 있습니다. Chartist.js는 구성하기도 쉽고 Sass를 사용하여 사용자 지정하기도 쉽습니다.
이 라이브러리에는 몇 가지 다른 유형을 즉흥적으로 처리할 수 있는 8개의 기본 차트 유형만 있습니다. 각각은 완전히 반응하지만 다른 것들처럼 엄청난 과도기적 효과는 없다.
특징:
레이블별로 필터링. 차트의 데이터를 표시하거나 숨기려면 범례를 클릭하십시오.
숫자가 아닌 Y 축에 대신 레이블이 있음
꺽은선형 차트를 보간하여 쉽게 사용자 정의할 수 있습니다.
세부 정보/통계/정보:
라이센스: 오픈 소스
가격: 무료
주요 종속성: 종속성 없음
깃허브 스타: 12.6K (github.com)
추가 정보
3. C3.Js
C3는 매우 효율적인 D3 기반 차트 시각화 라이브러리입니다. C3 라이브러리는 렌더링 속도가 빠르고 브라우저 간에 호환성이 좋으며 통합이 매우 간단합니다. 무공급을 원하신다면, C3는 괜찮은 선택입니다.
또한 본질적으로 단순한 라이브러리에 대한 좋은 문서도 포함되어 있습니다.
특징:
광범위한 자습서 및 문서화
대응성이 뛰어나고 모바일 지원
스타일리시한 툴팁이 이미 통합되어 있습니다.
필터링 가능한 데이터 시리즈.
세부 정보/통계/정보:
라이센스: 오픈 소스
가격: 무료
주요 종속성: D3.js
31개의 회사가 C3를 사용한다.Js(stackshare.io)
깃허브 스타: 9.1K (github.com)
c3.js를 사용하는 회사:
MAK IT
누서
앤티미디어이오
와카타임
추가 정보
4. 차트.js
Chart.js는 HTML5 기반의 자바스크립트 라이브러리로서 애니메이션, 인터렉티브 및 사용자 지정이 가능한 차트 및 그래프를 만듭니다. Chart.js는 Highcharts보다 훨씬 가벼운 제품으로 선택의 폭이 넓지 않습니다.
Chart.js API는 비교적 간단하고 잘 문서화되어 있습니다. Chart.js는 SVG 대신 캔버스를 사용합니다. 라이브러리는 활발하게 유지 관리되며 기능을 확장할 수 있는 몇 개의 플러그인이 있습니다.
Chart.js는 즉시 사용 가능한 애니메이션으로 데이터 시각화를 위한 8가지 차트 유형을 제공합니다. 모든 최신 브라우저와 호환됩니다. 또한 일부 구성에서 차트의 응답 차트 동작을 활성화할 수 있습니다.
세부 정보/통계/정보:
라이센스: 오픈 소스
가격: 무료
주요 종속성: 모멘트
855개 기업이 Chart.js(stackshare.io)를 사용합니다.
깃허브 스타: 54.4K (github.com)
Chart.js를 사용하는 기업:
고대디
딜로이트
인지잔트
펄럭이는 파도
추가 정보
5. 줄거리
Plotply는 가장 일반적인 라이브러리 중 하나이며 번영하는 라이브러리이며 각 차트 유형에 대한 자습서를 포함하여 뛰어난 설명서가 있습니다.
그것은 2015년부터 오픈 소스였고, 이것은 누구나 무료로 그것을 사용할 수 있다는 것을 의미한다. Plotply.js는 SVG 지도, 3D 관리도 및 통계 그래프를 포함한 20개의 차트 유형을 지원합니다. 그것은 D3.js와 stack.gl 위에 지어졌다.
사용할 수 있는 차트와 그래프 유형은 전문적인 외관과 느낌을 가지고 있습니다. 차트를 만드는 것은 정보를 로드하고 레이아웃, 축, 노트 및 범례를 사용자 정의하는 것입니다.
세부 정보/통계/정보:
라이센스: 오픈 소스
가격: 무료, 기업용 유료
주요 종속성: D3.js, Stack.gl
33개 회사가 Plotly(stackshare.io)를 사용합니다.
깃허브 스타: 13.9K (github.com)
Plotly를 사용하는 회사:
스플라인
생각하고 있다
adext.ai
GraphAI
추가 정보
6. NVD3
NVD3는 또한 가장 인기 있는 도서관 목록에 있다. 위의 다른 것들과 마찬가지로 D3.js를 기반으로 구축되었으며, 탄탄한 기술 기반을 가지고 있습니다.
성능은 비교적 우수하며, 그렇지 않으면 상당히 단순한 인터페이스에서 시각적 자극을 주입할 수 있는 기본적인 애니메이션을 갖추고 있습니다. 데이터는 .json 파일에서 직접 펌핑될 수 있습니다. 즉, NVD3는 기존 데이터 API 솔루션과 쉽게 통합될 수 있습니다.
이 목록에 있는 다른 라이브러리에 비해 차트가 많지 않아 상대적으로 작아 보이지만 대부분의 일반 그래프 유형이 있습니다.
이 시각화 라이브러리는 Apache 2.0 라이센스로 완전히 공개되어 있습니다.
세부 정보/통계/정보:
라이센스: 오픈 소스
가격: 무료, 기업용 유료
주요 종속성: D3.js
48개 회사가 NVD3(stackshare.io)를 사용합니다.
깃허브 스타: 7.1K (github.com)
NVD3를 사용하는 기업:
edX
넷앱
IPSY
에드모도
추가 정보
7. 퓨전차트
FusionCharts는 아마도 차트와 지도의 완전한 컬렉션을 가지고 있을 것이다. 90개 이상의 차트 유형과 965개의 맵을 사용하면 즉시 필요한 모든 것을 찾을 수 있습니다.
JSON 및 XML 데이터 형식을 모두 지원하며 차트를 PNG, JPEG, SVG 또는 PDF로 내보낼 수 있습니다. 비즈니스 대시보드 모음과 영감을 위한 라이브 데모를 갖추고 있습니다.
차트 및 지도는 모든 장치와 플랫폼에서 작동하며, 사용자 지정이 용이하며, 상호 작용이 아름답습니다. 하지만 이 모든 것들과 함께, 그것은 약간 비싸다.
세부 정보/통계/정보:
라이센스: 유료
가격: 497달러부터
주요 종속성: 종속성 없음
FusionCharts(stackshare.io)를 사용하는 4개 회사
깃허브 스타: 59 (github.com)
FusionCharts를 사용하는 기업:
왓그래프
그로 스톡스
추가 정보
8. D3.Js
D3는 BSD 라이선스로 공개된 오픈 소스 자바스크립트 라이브러리이다. 데이터 시각화를 위한 엄청난 양의 차트, 그래프 및 기타 방법을 제공합니다. D3는 모든 종류의 데이터를 시각적으로 나타내는 데 필요한 거의 모든 것을 제공합니다.
이 웹 사이트는 포괄적인 설명서를 제공합니다. 라이브러리를 시작하고 사용하는 데 도움이 되는 예제가 있습니다.
D3는 모든 최신 브라우저를 지원합니다. 파이어폭스, 구글 크롬, 사파리, 오페라, IE9+, 안드로이드, iOS에서 테스트되었다.
D3.js에는 두 가지 중요한 문제가 있습니다. 학습 곡선이 가파르고 최신 브라우저(IE 9+)와만 호환됩니다. 배우고 채택할 시간이 충분할 때에만 그것을 집으세요.
세부 정보/통계/정보:
라이센스: 오픈 소스
가격: 모든 사용자에게 무료
주요 종속성: 종속성 없음
690개 업체가 D3(stackshare.io)를 사용하고 있다.
깃허브 스타: 3.9K (github.com)
D3를 사용하는 회사:
엑센츄어
쿠르세라
코인베이스
오두
추가 정보
9. 애니차트
AnyChart는 SVG/VML에서 렌더링되는 강력하고 가볍고 기능이 풍부한 JS 차트 라이브러리입니다. 실제로 웹 개발자가 데이터 분석을 수행하고 데이터 중심 결정을 내리는 데 도움이 되는 다양한 차트를 만들 수 있는 좋은 기회를 제공합니다.
특징:
기본 차트, 차트, 맵, 간트 및 PERT 차트를 포함하여 80개 이상의 JS 차트 유형.
XML, JSON, CSV, JS API, Google Sheets 및 HTML Table과 같은 다양한 데이터 설정 방법이 있습니다.
기술 분석 지표 및 그리기 도구(주석)를 즉시 사용할 수 있습니다.
Angular, Qlik, Oracle APEX, React, Elastic Search, Vue.js, Android, iOS 등과 통합할 수 있습니다.
세부 정보/통계/정보:
라이센스: 상업용으로 지불됨
가격: 49달러에서 799달러까지 맞춤 가격입니다. 비상업용 무료 사용
주요 종속성: –종속성 없음
깃허브 스타즈: 297 (github.com)
AnyChart를 사용하는 기업:
SDG 컴퍼스
코트데스크
from http://devcloset.tistory.com/432 by ccl(A) rewrite - 2021-10-08 01:00:41