JavaScript 차트 작성 라이브러리 비교

Comparison of JavaScript charting libraries

다양한 자바스크립트 차트 작성 라이브러리가 있다.아래는 각 기능에서 사용할 수 있는 특징을 비교한 것이다.

라이브러리 이름 면허증 무료 지원되는 차트 유형 지원되는 막대 차트 유형 기타 기능 상호작용 렌더링 기술 데이터 바인딩 HTML 5 캔버스
라인 타임라인 흩어지다 면적 파이 도넛 총알 레이더 깔때기 간트 네트워크 그룹화됨 마인드 매핑 쌓다 네거티브 이산형 수평 , 3D 레전설 애니메이션 마우스 오버 클릭 HTML5 캔버스 SVG VML 축XY WebGL 렌더링
암차트 소유권 링크 또는 광고와[2] 함께 무료 제공 아니요. 아니요. [3]
애니차트 소유권 교육 및 비영리 목적의 무료 이용.[4]상업용 애플리케이션에 대해 지불됨.[5] 아니요.
에이펙스차트 MIT[6] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
광고판.js MIT[7] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
C3.js MIT[8] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
캔버스JS 소유권[9] 개인용, 교육용 및 비상업용으로 무료 제공 아니요. 아니요. 아니요. 아니요. 아니요. [10] 아니요. 아니요.
캔버스엑스프레스 소유권[11] 아니요. 아니요. [12] [13]
도표주의자 WTFPL[14] 또는 MIT[15] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
차트.js MIT[16] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
라이브갭별 차트 작성기 무료 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니오[17] 아니요.
차트 4 PHP 소유권 프리 베이직 에디션[18] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
사이토스케이프.js MIT[19] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
D3.js, 이전 프로토비스[20][21] BSD-3[22] [23] 아니요. [24] 아니요.
dc 아파치[25] 2.0 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [26] 아니요.
DevExtreme 소유권 비상업적 또는 상업적[27] [28] [29] [30] [31] [32] [33] [34] [35] [36] 아니요. 아니요. [37] [38] [39] 아니요. [40] [41] 아니요.
DHTMLX 관리도 GPL[42] 아니요. 아니요. 아니요. [43] 아니요. 아니요. 아니요.
보조개 MIT[44] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
도조 도표 BSD 또는 AFL[45] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [46]
다이그래프스 MIT[47] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
에차르트 BSD-3[22] 아니요. [48] 아니요.
팩트민트 차트 소유권 비상업적 또는 상업적 [50] [51] [52] [53] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [54] [54] [54] 아니요. 아니요.
플롯 차트 MIT[55] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [56] 아니요. 아니요.
플로트르2 MIT[57] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [58] 아니요. 아니요.
프레이프 차트 MIT 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
퓨전차트 소유권 개인용 및 비상업용 무료.[59]상업용 애플리케이션에 대해 지불됨.[60] 아니요. [62]
구글 차트 무료[63] [63] [64] 아니요. 아니요. [65] [66] [67] [68] [69] [70] [71] [71] [72]
graphael MIT[73] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [74] 아니요.
그레이록 아파치[75] 2.0 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
하이차트, 하이스톡 소유권 개인용 및 비상업용 무료.[76]상업용 애플리케이션에 대해 지불됨.[77] [78] 아니요.
젠스크립트 BSD-3[79] 아니요. 아니요. 아니요. 아니오[80] 아니요.
jq플롯 MIT 또는 GPLv2[81] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [82] 아니요. 아니요.
jqx차트 소유권 링크 또는 광고와[84] 함께 무료 제공 아니요. 아니요. 아니요.
JSC하팅 소유권[85] 브랜드 사용 시 무료 아니요. 아니요. 아니요. 아니요.
쿨차트 소유권 링크 또는 광고와[88] 함께 무료 제공 아니요. 아니요. [89] 아니요.
번개차트 JS 소유권 개인용 및 비상업용 무료.[90]상업용 애플리케이션에 대해 지불됨.[91] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
메트릭그래픽스 Mozilla 공용 라이센스 버전[93] 2.0 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
무제JS MIT[94] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
넥스트차트 아파치[95] 2.0 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
NVD3 아파치[96] 2.0 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [97] 아니요.
OLAPC하트 소유권 프리 베이직 에디션[98] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
피자아모레 MIT 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
음모를 꾸미다 MIT[99] [100] 파이썬을[101] 경유하여 아니요. [102] 아니요.
플러스차트 무료 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
리액티브차트 MIT[103] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
RGraph MIT[104] 아니요. 아니요. 아니요. 아니요.
인력거 MIT[105] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [106] 아니요.
SciChart.js 소유권 교육용으로 무료.[107]상업용 애플리케이션에 대해 지불됨.[108] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
실드 UI 소유권 비상업적 또는 상업적[110] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [111]
싱크퓨전 소유권 예스[112] 프리 또는 커머셜[113] [114] [115] [116] [117]
티차트 JS MIT[118] 아니요. 아니요. 아니요.
Uvcharts MIT 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
바딘 차트 소유권 아니오[119] 아니요. 아니요. 아니요. 아니요.
반차트 소유권 cc-by-nc 4.0 또는 상업용 아니요. 아니요. 아니요.
VisJS Apache 2.0 및 MIT[121] [122] [123] [124] [125] 아니요. 아니요. 아니요. 아니요. 아니요. [126] [127] 아니요. 아니요. [128] 아니요. 아니요.
비주 아파치[129] 2.0 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
웹차트 MIT[130] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
Webix JS 차트 GPL[131] [132] 아니요. [133] [134] [135] [135] 아니요. [136] 아니요. 아니요. 아니요. [137] [138] 아니요. [138] 아니요.
엑스차트 MIT[142] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [17] 아니요.
YUI 차트 BSD-3[143] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. 아니요. [144]
징차트 소유권 링크 또는 광고와[146] 함께 무료 제공 [147]
줌차트 소유권 비상업적 또는 상업적[148] 아니요. 아니요. 아니요. [149] 아니요.

참조

  1. ^ "Download - amCharts".
  2. ^ "Licenses Explained - amCharts".
  3. ^ We use SVG (Scalable Vector Graphics) to render the charts., retrieved April 10, 2014
  4. ^ "AnyChart - Education / Non-profit licensing". AnyChart.
  5. ^ "Buy - AnyChart - JavaScript Charts designed to be embedded and integrated". AnyChart.
  6. ^ "ApexCharts.js - Open-source Interactive Charts for web". ApexCharts.
  7. ^ "billboard.js - Re-usable, easy interface JavaScript chart library, based on D3 v4+". naver.github.io/billboard.js.
  8. ^ "C3.js - D3-based reusable chart library". c3js.org.
  9. ^ "CanvasJS Chart & StockChart License Pricing". CanvasJS.
  10. ^ HTML5 Canvas based on code inspection, retrieved April 10, 2014
  11. ^ "Archived copy". Archived from the original on 2010-12-26. Retrieved 2014-04-07.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  12. ^ HTML5 Canvas based on code inspection, archived from the original on December 26, 2010, retrieved April 10, 2014
  13. ^ VML fallback for IE, archived from the original on August 31, 2013, retrieved April 10, 2014
  14. ^ "gionkunz/chartist-js". GitHub.
  15. ^ "gionkunz/chartist-js". GitHub.
  16. ^ "Chart.js - Documentation". www.chartjs.org.
  17. ^ a b Using ... SVG, xCharts are designed to be dynamic..., archived from the original on April 8, 2014, retrieved April 8, 2014
  18. ^ "Download". 21 February 2015.
  19. ^ "cytoscape/cytoscape.js". GitHub.
  20. ^ Protovis is no longer under active development., retrieved April 8, 2014
  21. ^ For Protovis Users, archived from the original on August 6, 2012, retrieved April 8, 2014
  22. ^ a b "d3/d3". GitHub.
  23. ^ "networkD3". Christophergandrud.github.io. 2017-03-18. Retrieved 2018-07-20.
  24. ^ D3 helps you bring data to life using HTML, SVG and CSS., retrieved April 10, 2014
  25. ^ "dc-js/dc.js". GitHub.
  26. ^ It leverages d3 engine to render charts in css friendly svg format., retrieved April 10, 2014
  27. ^ "Licensing FAQ: DevExtreme - HTML5 JavaScript UI Widgets for Angular, Knockout and jQuery by DevExpress". js.devexpress.com.
  28. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  29. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  30. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  31. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  32. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  33. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  34. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  35. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  36. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  37. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  38. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  39. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  40. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  41. ^ "DevExtreme Demos: HTML5 – JavaScript UI Widgets by DevExpress". js.devexpress.com.
  42. ^ "JavaScript/HTML5 Charts Library - dhtmlxChart". www.dhtmlx.com.
  43. ^ "JavaScript Gantt Chart Library - dhtmlxGantt". www.dhtmlx.com.
  44. ^ "PMSI-AlignAlytics/dimple". GitHub. 25 May 2020.
  45. ^ "Dojo Toolkit". dojotoolkit.org.
  46. ^ As of Dojo 1.8, the following native vector graphics engine adaptations are implemented, retrieved April 10, 2014
  47. ^ "dygraphs". Dygraphs.com. Retrieved 2018-07-20.
  48. ^ "Documentation - Apache ECharts". echarts.apache.org. Retrieved 2021-04-01.
  49. ^ "Archived copy". Archived from the original on 2015-03-22. Retrieved 2015-03-27.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  50. ^ "Archived copy". Archived from the original on 2015-04-02. Retrieved 2015-03-27.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  51. ^ "Archived copy". Archived from the original on 2015-04-02. Retrieved 2015-03-27.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  52. ^ "Archived copy". Archived from the original on 2015-04-02. Retrieved 2015-03-27.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  53. ^ "Archived copy". Archived from the original on 2015-04-02. Retrieved 2015-03-27.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  54. ^ a b c "Archived copy". Archived from the original on 2015-03-30. Retrieved 2015-03-27.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  55. ^ "flot/flot". GitHub. June 2020.
  56. ^ HTML5 Canvas based on front page example code inspection, retrieved April 10, 2014
  57. ^ "HumbleSoftware/Flotr2". GitHub. 2 May 2020.
  58. ^ HTML5 Canvas based on code inspection, retrieved April 10, 2014
  59. ^ "Download FusionCharts Suite XT Personal License". www.fusioncharts.com.
  60. ^ "Buy - FusionCharts". www.fusioncharts.com.
  61. ^ "Fusion Chart Product", www.fusioncharts.com, retrieved 27 July 2018
  62. ^ JavaScript (HTML5) Charts using SVG and VML, archived from the original on April 9, 2014, retrieved April 10, 2014
  63. ^ a b "Google Charts is a free service".
  64. ^ "Visualization: Pie Chart Charts".
  65. ^ "Gantt Charts - Charts - Google Developers". Google Developers.
  66. ^ "Gantt Charts".
  67. ^ "Visualization: Column Chart Charts".
  68. ^ "Bar Charts".
  69. ^ the 'bars' config helps creating bars of either horizontal or vertical
  70. ^ use the 'select' event
  71. ^ a b Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions), retrieved August 19, 2018
  72. ^ "Controls and Dashboards Charts".
  73. ^ "Archived copy". Archived from the original on 2014-02-17. Retrieved 2014-04-07.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  74. ^ "What's the difference between Raphael and gRaphael?". Stack Overflow.
  75. ^ "Datamart/Greylock". GitHub. 23 Mar 2015.
  76. ^ "FAQ". shop.highsoft.com.
  77. ^ "FAQ". shop.highsoft.com.
  78. ^ "3D column - Highcharts". www.highcharts.com.
  79. ^ "sjanaud/jenscript". GitHub. 13 February 2018.
  80. ^ JenScript Javascript HTML5/SVG Charts Framework., retrieved January 31, 2015
  81. ^ "Archived copy". Archived from the original on 2014-04-08. Retrieved 2014-04-07.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  82. ^ Code inspection on several jqPlot examples revealed use of HTML5 Canvas., retrieved April 10, 2014
  83. ^ "Search com.com". Jqwidgets.com.com. Retrieved 2018-07-20.[영구적 데드링크]
  84. ^ "License - Javascript, HTML5, jQuery Widgets". www.jqwidgets.com.
  85. ^ "JSCharting Licensing and Purchase". JSCharting.
  86. ^ "JSCharting Licensing and Orders". www.jscharting.com.
  87. ^ "Download JavaScript Data Visualization Software - KoolChart". www.koolchart.com.
  88. ^ "Buy and License - KoolChart". www.koolchart.com.
  89. ^ KoolChart is a pure JavaScript charting library, which is implemented using HTML5 Canvas., retrieved November 5, 2014
  90. ^ "Download free Community License of LightningChart JS for your non-commercial web site or studies". www.arction.com. 20 December 2018.
  91. ^ "Buy - LightningChart JS". www.arction.com. 24 February 2020.
  92. ^ "LightningChart JS Product page", www.arction.com, retrieved 23 September 2019
  93. ^ "Mozilla Public License, version 2.0". www.mozilla.org.
  94. ^ "chartshq/muze". GitHub. Retrieved 2018-10-25.
  95. ^ "nextreports/nextcharts". GitHub. 7 May 2020.
  96. ^ "novus/nvd3". GitHub. 31 May 2020.
  97. ^ Code inspection on several NVD3 gallery examples revealed use of SVG., retrieved April 10, 2014
  98. ^ "Archived copy". Archived from the original on 2014-05-08. Retrieved 2014-05-07.{{cite web}}: CS1 maint: 타이틀로 보관된 사본(링크)
  99. ^ plotly is free and open source, available under the MIT license., retrieved November 17, 2015
  100. ^ "Time Series".
  101. ^ "Network graph made with Python line chart made by Priyatharsan plotly". chart-studio.plotly.com. Retrieved 2021-08-05.
  102. ^ Code inspection on several Plotly gallery examples revealed use of SVG., retrieved April 10, 2014
  103. ^ available under the MIT license., 27 April 2018
  104. ^ RGraph is Free and Open Source Software using the MIT license, retrieved December 23, 2016
  105. ^ Rickshaw is free and open source, available under the MIT license., archived from the original on April 16, 2012, retrieved December 23, 2016
  106. ^ It's all based on d3 underneath, so graphs are drawn with standard SVG, archived from the original on April 16, 2012, retrieved April 8, 2014
  107. ^ "Download free License of SciChart.js for educational or university use". www.scichart.com. 24 January 2016.
  108. ^ "SciChart JavaScript Charts". www.scichart.com. 10 November 2020.
  109. ^ "SciChart.js Product page", www.scichart.com, retrieved 10 November 2020
  110. ^ "End User License Agreement". Shield UI. Retrieved 2018-07-20.
  111. ^ Shield UI charting uses the following technologies to automatically provide broad browser support: SVG and VML., retrieved April 8, 2014
  112. ^ "800+ Free controls and frameworks for .NET (Windows Forms, WPF, ASP.NET MVC, ASP.NET Web Forms, LightSwitch, Silverlight, Windows Phone, WinRT, Windows 8), iOS, Android, Xamarin and JavaScript platforms". www.syncfusion.com.
  113. ^ "Free Trial Downloads". www.syncfusion.com.
  114. ^ "Essential JS 1". js.syncfusion.com.
  115. ^ "Essential JS 1". js.syncfusion.com.
  116. ^ "Essential JS 1". js.syncfusion.com.
  117. ^ "Essential JS 1". js.syncfusion.com.
  118. ^ "Steema/TeeChartJS". GitHub. 20 May 2020.
  119. ^ "Browse 24+ mobile-first themeable Web Components - Vaadin". Vaadin.
  120. ^ a b "Free Download Javascript Charts VanCharts". www.vancharts.com. Archived from the original on 2015-03-28. Retrieved 2015-03-20.
  121. ^ "almende/vis". GitHub.
  122. ^ "Graph2d - Interpolation". visjs.org.
  123. ^ "Timeline - Background areas with groups". visjs.org.
  124. ^ "Graph2d - Scatterplot". visjs.org.
  125. ^ "Graph2d - Shading Example". visjs.org. Archived from the original on 2017-01-23. Retrieved 2017-01-31.
  126. ^ "Timeline - Nested Groups example". visjs.org.
  127. ^ "Network Examples". visjs.org.
  128. ^ "Graph3d Examples". visjs.org.
  129. ^ "Vizzu - Library for animated data visualizations and data stories". github.com/vizzuhq/vizzu-lib.
  130. ^ "RhoInc/Webcharts". GitHub. 8 January 2020.
  131. ^ "JavaScript Charts UI Widget - Webix JS Charts". webix.com.
  132. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  133. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  134. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  135. ^ a b "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  136. ^ "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  137. ^ "Grouping Data Items of Guides, Managing Data in a Component Webix Docs". docs.webix.com.
  138. ^ a b "Chart Types - Webix chart types documentation: overview and usage. Webix Docs". docs.webix.com.
  139. ^ "Setting Legend for a Chart of UI Widgets, Chart Webix Docs". docs.webix.com.
  140. ^ "MouseEvents of API Reference, Mixins Webix Docs". docs.webix.com.
  141. ^ "onClick of MouseEvents, Properties Webix Docs". docs.webix.com.
  142. ^ "xcharts/LICENSE at master · tenXer/xcharts · GitHub". archive.ph. 2014-04-08. Retrieved 2021-08-05.
  143. ^ "yui/yui3". GitHub. 30 May 2020.
  144. ^ Charts leverages SVG, HTML Canvas and VML to render its graphical elements., retrieved April 8, 2014
  145. ^ "JavaScript Chart Library - Try it for Free". www.zingchart.com.
  146. ^ "Commercial JavaScript Charts - Licensing Options". www.zingchart.com.
  147. ^ Our charting library renders in HTML5 (canvas), SVG, and Image (VML and Flash too), retrieved April 8, 2014
  148. ^ "Pricing - JavaScript charts library - ZoomCharts". zoomcharts.com.
  149. ^ We use JavaScript and Canvas to render ZoomCharts., retrieved April 8, 2014