How are you visualizing data in JavaScript? What is your favorite library for creating charts and graphs with JavaScript?
Google Charts
Google Charts is a JavaScript library for creating charts easily. The chart galley provides a large number of well-designed chart types, including line, bar, pie, and radar charts, as well as Venn diagrams, scatter plots, sparklines, maps, google-o-meters, and QR codes are supported. It’s powerful, free and simple to use.
https://developers.google.com/chart/
VanCharts
VanCharts is a free library for making visual charts. It supports data display in the web (JavaScript) and mobile terminals (Android native/iOS native/Webview) and provides various types of common commercial charts. Apart from API call of codes, VanCharts also provides a revolutionary tool - chart designer with editing work done in visual interface. Compared with similar products, VanCharts owns more wide-ranging chart types,diversified style setting, reasonable color matching and practical functions and features.
JavaScript Charts library for Web, Mobile & Apps | VanCharts
Fusion Charts
Fusioncharts is one of the oldest JavaScript charting libraries that was released in 2002. So it is highly compatible with older browsers like Internet Explorer 6.Unlike many libraries, Fusioncharts provides data parsing through both JSON and XML. It provides 30+ chart types. However, you need to purchase a license to remove the watermark.
JavaScript Charts for Web, Mobile & Apps - FusionCharts
dygraphs
dygraphs is a open source JavaScript library that produces interactive, zoomable charts of time series. It is really excellent for large data sets.
http://dygraphs.com
D3
D3 is really amazing and I love it’s simplicity. The documentation is really extensive, the source code is hosted on GitHub, and the examples are never-ending. If you are making some amazing custom data visualizations, D3 should probably be your choice, otherwise these d3-based libraries mentioned above are great for more simple straightforward graphs.
D3.js - Data-Driven Documents
NVD3
NVD3 uses the convention of reusable chart maker for D3 from Mike Bostock. This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizeable, staying away from your standard cookie cutter solutions.
NVD3
dimple
The aim of dimple is to open up the power and flexibility of d3 to analysts. It aims to give a gentle learning curve and minimal code to achieve something productive. It also exposes the d3 objects so you can pick them up and run to create some really cool stuff.
dimple - A simple charting API for d3 data visualisations
dc.js
dc.js is a javascript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset. Charts rendered using dc.js are naturally data driven and reactive therefore providing instant feedback on user's interaction. The main objective of this project is to provide an easy yet powerful javascript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.
dc.js - Dimensional Charting Javascript Library
C3
C3 is also a D3 based reusable chart library. With C3 it is easy to combine different chart types and the charts are very good customizable. Sadly the API is not fully documented.
C3.js | D3-based reusable chart library
D3xter
D3xter is a small chart library with four different types of charts. Why use D3xter? Because configuration is optional, charts with sensible defaults can be generated with as little as a single line. Functions take the data to plot and an optional configuration object.
https://github.com/NathanEpstein/D3xter
xCharts
xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.
xCharts
Sparklines
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via Javascript. The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.
jQuery Sparklines
Cubism.js
Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. Cubism is available under the Apache Licence on GitHub.
Cubism.js
MetricsGraphics.js
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression
MetricsGraphics.js - a library based on D3.js, optimized for visualizing and laying out time-series data
Chart,js
JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting. No additional plugins or server modules are required. ChartJS provides beautiful flat designs for charts. It lets you create charts in different templates like bar charts, pie charts or simple line graphs.
http://www.chartjs.org/
Chartist.js
Chartist.js provides beautiful responsive charts. Just like ChartJS, Chartist.js is also the product of the community that was frustrated by using highly priced JavaScript charting libraries. Chartist.jsprovides beautiful responsive charts.
Chartist - Simple responsive charts
ZingCharts
ZingChart offers a flexible, interactive, fast, scalable and modern product for creating charts quickly. It allows you to build advanced charts and visualizations in HTML5, SVG, VML and Flash. It also has a jQuery wrapper for this great charting library. Free to try, ZingChart licenses can also be bought at a variety of price-points to suit your business size.
JavaScript Charts - HTML5 Graphs | ZingChart?
Flot
Flot is a JavaScript charting library for jQuery, with a focus on simple usage, attractive looks and interactive features. It is also one of the oldest and popular charting libraries. Similar to Fusion Charts, it’s also compatible with older browsers like IE6 and Firefox 2. Flot is completely free to use and commercial support is provided on special request to the creator.
Flot: Attractive JavaScript plotting for jQuery
jq Plot
Similar to Flot, jqPlot is a pure JavaScript plotting library for jQuery. If you are interested in comparing Flot to jqPlot, this thread has some good information. There are plenty of hooks into the core jqPlot code allowing for custom event handlers, creation of new plot types, adding canvases to the plot, and more.
jqPlot Charts and Graphs for jQuery
thread
https://groups.google.com/forum/?fro...rs/WfduTBNq_V4
HighCharts
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. It currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types. I don’t like the license fee but they have great customers (IBM, NASA, MasterCard, etc). They also have backward compatibility with IE8.
Interactive JavaScript charts for your webpage
amCharts
amCharts perfectly segregates itself into 3 independent charts — JavaScript Charts, Maps Charts (amMaps), and Stock charts. amCharts uses SVG to render charts that work in modern browsers only. The set includes serial, pie/donut, radar/polar, y/scatter/bubble, Funnel/Pyramid charts and Angular Gauges. However, these charts may not work properly below Internet Explorer 9.
JavaScript Charts and Maps | amCharts
Flotr
It’s a Javascript plotting library for Prototype.js. It comes with great features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, css styling support, text included into the canvas, rotated labels, color gradients, graph title and subtitle, spreadsheet, CSV data download and much more.
https://code.google.com/p/flotr/
Flotr2
This is a recent project by HumbleSoftware that lets you make graphs and charts with Canvas and JavaScript. HumbleSoftware also came out with envisionjs which uses flotr2 and allows you to make dynamic HTML5 visualizations.
flotr2
TauCharts
Taucharts has "a focus on design and flexibility" as they say. A nice feature, I often missed in other libraries, is the possibilty to add trendlines to a certain chart as you can see on the screenshot above.
Taucharts — Javascript charts with a focus onÂ*design and flexibility.
PlotKit
PlotKit is a Chart and Graph Plotting Library for javascript chart library. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported.
PlotKit
Conclusion
Of course, your choice will depend on what you need.Almost all the above libraries have got a good support via Stackoverflow forums.
I hope you enjoyed reading this article. Have a nice day.
Article From JavaScript Charts VanCharts: JavaScript Charts library for Web, Mobile & Apps | VanCharts
Google Charts
Google Charts is a JavaScript library for creating charts easily. The chart galley provides a large number of well-designed chart types, including line, bar, pie, and radar charts, as well as Venn diagrams, scatter plots, sparklines, maps, google-o-meters, and QR codes are supported. It’s powerful, free and simple to use.
https://developers.google.com/chart/
VanCharts
VanCharts is a free library for making visual charts. It supports data display in the web (JavaScript) and mobile terminals (Android native/iOS native/Webview) and provides various types of common commercial charts. Apart from API call of codes, VanCharts also provides a revolutionary tool - chart designer with editing work done in visual interface. Compared with similar products, VanCharts owns more wide-ranging chart types,diversified style setting, reasonable color matching and practical functions and features.
JavaScript Charts library for Web, Mobile & Apps | VanCharts
Fusion Charts
Fusioncharts is one of the oldest JavaScript charting libraries that was released in 2002. So it is highly compatible with older browsers like Internet Explorer 6.Unlike many libraries, Fusioncharts provides data parsing through both JSON and XML. It provides 30+ chart types. However, you need to purchase a license to remove the watermark.
JavaScript Charts for Web, Mobile & Apps - FusionCharts
dygraphs
dygraphs is a open source JavaScript library that produces interactive, zoomable charts of time series. It is really excellent for large data sets.
http://dygraphs.com
D3
D3 is really amazing and I love it’s simplicity. The documentation is really extensive, the source code is hosted on GitHub, and the examples are never-ending. If you are making some amazing custom data visualizations, D3 should probably be your choice, otherwise these d3-based libraries mentioned above are great for more simple straightforward graphs.
D3.js - Data-Driven Documents
NVD3
NVD3 uses the convention of reusable chart maker for D3 from Mike Bostock. This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizeable, staying away from your standard cookie cutter solutions.
NVD3
dimple
The aim of dimple is to open up the power and flexibility of d3 to analysts. It aims to give a gentle learning curve and minimal code to achieve something productive. It also exposes the d3 objects so you can pick them up and run to create some really cool stuff.
dimple - A simple charting API for d3 data visualisations
dc.js
dc.js is a javascript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset. Charts rendered using dc.js are naturally data driven and reactive therefore providing instant feedback on user's interaction. The main objective of this project is to provide an easy yet powerful javascript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.
dc.js - Dimensional Charting Javascript Library
C3
C3 is also a D3 based reusable chart library. With C3 it is easy to combine different chart types and the charts are very good customizable. Sadly the API is not fully documented.
C3.js | D3-based reusable chart library
D3xter
D3xter is a small chart library with four different types of charts. Why use D3xter? Because configuration is optional, charts with sensible defaults can be generated with as little as a single line. Functions take the data to plot and an optional configuration object.
https://github.com/NathanEpstein/D3xter
xCharts
xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.
xCharts
Sparklines
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via Javascript. The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.
jQuery Sparklines
Cubism.js
Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. Cubism is available under the Apache Licence on GitHub.
Cubism.js
MetricsGraphics.js
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression
MetricsGraphics.js - a library based on D3.js, optimized for visualizing and laying out time-series data
Chart,js
JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting. No additional plugins or server modules are required. ChartJS provides beautiful flat designs for charts. It lets you create charts in different templates like bar charts, pie charts or simple line graphs.
http://www.chartjs.org/
Chartist.js
Chartist.js provides beautiful responsive charts. Just like ChartJS, Chartist.js is also the product of the community that was frustrated by using highly priced JavaScript charting libraries. Chartist.jsprovides beautiful responsive charts.
Chartist - Simple responsive charts
ZingCharts
ZingChart offers a flexible, interactive, fast, scalable and modern product for creating charts quickly. It allows you to build advanced charts and visualizations in HTML5, SVG, VML and Flash. It also has a jQuery wrapper for this great charting library. Free to try, ZingChart licenses can also be bought at a variety of price-points to suit your business size.
JavaScript Charts - HTML5 Graphs | ZingChart?
Flot
Flot is a JavaScript charting library for jQuery, with a focus on simple usage, attractive looks and interactive features. It is also one of the oldest and popular charting libraries. Similar to Fusion Charts, it’s also compatible with older browsers like IE6 and Firefox 2. Flot is completely free to use and commercial support is provided on special request to the creator.
Flot: Attractive JavaScript plotting for jQuery
jq Plot
Similar to Flot, jqPlot is a pure JavaScript plotting library for jQuery. If you are interested in comparing Flot to jqPlot, this thread has some good information. There are plenty of hooks into the core jqPlot code allowing for custom event handlers, creation of new plot types, adding canvases to the plot, and more.
jqPlot Charts and Graphs for jQuery
thread
https://groups.google.com/forum/?fro...rs/WfduTBNq_V4
HighCharts
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. It currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types. I don’t like the license fee but they have great customers (IBM, NASA, MasterCard, etc). They also have backward compatibility with IE8.
Interactive JavaScript charts for your webpage
amCharts
amCharts perfectly segregates itself into 3 independent charts — JavaScript Charts, Maps Charts (amMaps), and Stock charts. amCharts uses SVG to render charts that work in modern browsers only. The set includes serial, pie/donut, radar/polar, y/scatter/bubble, Funnel/Pyramid charts and Angular Gauges. However, these charts may not work properly below Internet Explorer 9.
JavaScript Charts and Maps | amCharts
Flotr
It’s a Javascript plotting library for Prototype.js. It comes with great features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, css styling support, text included into the canvas, rotated labels, color gradients, graph title and subtitle, spreadsheet, CSV data download and much more.
https://code.google.com/p/flotr/
Flotr2
This is a recent project by HumbleSoftware that lets you make graphs and charts with Canvas and JavaScript. HumbleSoftware also came out with envisionjs which uses flotr2 and allows you to make dynamic HTML5 visualizations.
flotr2
TauCharts
Taucharts has "a focus on design and flexibility" as they say. A nice feature, I often missed in other libraries, is the possibilty to add trendlines to a certain chart as you can see on the screenshot above.
Taucharts — Javascript charts with a focus onÂ*design and flexibility.
PlotKit
PlotKit is a Chart and Graph Plotting Library for javascript chart library. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported.
PlotKit
Conclusion
Of course, your choice will depend on what you need.Almost all the above libraries have got a good support via Stackoverflow forums.
I hope you enjoyed reading this article. Have a nice day.
Article From JavaScript Charts VanCharts: JavaScript Charts library for Web, Mobile & Apps | VanCharts
没有评论:
发表评论