14 JavaScript-based data visualization tools recommended

Source: Internet
Author: User
Tags ruby on rails

With the concept of data visualization is hot every year, there are more excellent open source library and production tools to stand out, below, we take the more famous 14 products for a brief introduction.

1, Anychart

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua1.png "/>

Links:http://www.anychart.com/

Anychart is a flash/javascript (HTML5)-based charting solution that can easily work across browsers and across platforms. In addition to the basic charting features, it also features interactive charts and gauges for a fee. It can get data in XML format, which gives developers the flexibility to control every data point on the chart, and when the number of chart data points is large, you can use CSV data input to reduce data file size and chart load time.

2, Amcharts

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua2.jpg "/>

Links:http://www.amcharts.com/

Amcharts is an advanced charting library dedicated to providing support for data visualization on the Web. The charts it supports include bars, bars, lines, candlesticks, pie charts, radar, polar plots, scatter plots, burn charts, pyramid charts, and more. The Amcharts library is a completely separate class library that can be compiled and run directly without relying on any other third-party class libraries in your application. In addition to providing the most basic specification elements, Amcharts also provides interactive features. When a user browses a chart based on Amcharts, he or she hover the contents of the chart with the mouse to interact with the chart to show details, where the container that presents the information is called the Balloon (balloon). In addition, the chart can be drawn in the form of animated animations, which results in a very good display.

3, Cesium

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua3.png "/>

Links:http://cesiumjs.org/

Cesium also focuses on geographic data visualization, a Javascript library that can draw 3d/2d Earth in a Web browser. Hardware acceleration based on WebGL is required without any plugins. In addition, it has cross-platform, cross-browser features. Cesium itself supports both commercial and non-commercial projects based on the Apache Open source protocol.

4, Chart.js

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua4.png "/>

Links:http://www.chartjs.org/

Chart.js is a simple, object-oriented chart drawing tool library for design and developer. It provides six types of underlying charts. Based on HTML5, responsive, all modern browsers are supported. At the same time, it does not rely on any external tool library, itself lightweight, and supports modularity, that is, developers can split chart.js only to introduce their own parts of the project to enter. It supports interactive charts in a compact figure.

5, Chartist.js

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua5.png "/>

Links:https://gionkunz.github.io/chartist-js/

Chartist.js is a very simple and useful JavaScript chart generation tool that supports SVG format, flexible chart data conversion, and supports a variety of chart representations. In the project, the Chartist.js CSS and JavaScript are separated, so the code is relatively concise, and the configuration process is simple when applied. It generates responsive graphs that automatically support different browser sizes and resolutions, and more so, it also supports custom SASS architectures.

6, D3

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua6.png "/>

Links:http://vis.stanford.edu/papers/d3

In 2011, Mike Bostock, Vadim Ogievetsky and Jeff Heer released D3, the most current Web-rated Javascript Visualizer library. D3 can provide users with a wide range of complex chart styles outside of linear and bar charts, such as Voronoi, tree, circular clusters, word clouds, and more. Its advantages are rich examples, easy to implement debugging data at the same time can be extended to achieve any thought of data visualization, the disadvantage is that the learning threshold is relatively high. Like JQuery, D3 operates directly on the DOM, which is the main difference from other visualizers: it sets separate objects and feature sets, and makes DOM calls through standard APIs.

7, Echarts

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua7.png "/>

Links:http://echarts.baidu.com/

A free, open source data visualization product that gives users intuitive, vivid, interactive and customizable data visualization charts. Echarts easy to get started. Its features such as drag-and-drop recalculation, data view, and range roaming have greatly enhanced the user experience, helping users to greatly improve their efficiency in data mining and integration. At the same time, Echarts offers a wide range of chart types, in addition to the usual folding bins, which also support maps, force guides, TreeMap, thermal diagrams, tree graphs, and more. What's more, it also supports stacking and multi-chart blending of any dimension. All in all, this is a very surprising visualization product, very powerful, but his chart is not very beautiful, the mobile side of the support is still a little, but these issues in the official latest release of the 3.0beta has been greatly improved

8, Flot

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua8.png "/>

Links:http://www.flotcharts.org/

Flot is a pure Javascript drawing library that is used as a plugin for jQuery. It makes it easier to work across browsers, even including IE6. Because of the features of JQuery, developers can fully control the animation and interaction of the chart, and optimize the rendering process of the data more perfectly.

9. Fusioncharts Free

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua9.png "/>

Links:http://www.fusioncharts.com/

Fusioncharts Free is a cross-platform, cross-browser Flash charting solution that can be called by ASP,. NET, PHP, JSP, ColdFusion, Ruby on Rails, simple HTML pages, and even PPT. In the process of use, the user in principle does not need to know any Flash knowledge, only need to understand the programming language you use, and make a simple call to implement the application

10. Google Chart

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua100.jpg "/>

Links:http://developers.google.com/chart/

No need to introduce more, we all know very well the visualization tool

11, Highcharts

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua11.png "/>

Links:http://www.highcharts.com/

Highcharts is an aesthetically pleasing, very popular, pure Javascript Chart library. It actually consists of two parts: Highcharts and Highstock. Highcharts can easily add interactive charts to Web sites or Web applications, and can be used for personal learning, personal sites and other non-commercial purposes, free of charge. Currently the chart types supported by Highcharts are graphs, area charts, histogram, pie charts, scatter plots, and some integrated charts. Highstock can easily create stock or general timeline charts for the user. It offers advanced navigation options, preset date range, date selector, scroll and pan and other leagues.

12, leaflet

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua12.png "/>

Links:http://leafletjs.com/

Leaflet is a Javascript interoperable map library that works well both on the desktop and on the mobile side. It uses OPENSTREETMAP data and sets the visual data together. The kernel Library of the leaflet library is small, but the rich plug-in can greatly expand its functionality and are often used for projects that need to be geographically displayed.

13, Metricsgraphics

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua13.png "/>

Links:http://metricsgraphicsjs.org/

Metricsgraphics.js is a library that is optimized for visualizing and time-serialized data based on D3. It provides a convenient way to produce the same type of graphics in a consistent and responsive manner. It now supports line charts, scatter plots, histograms, carpet plots, and basic linear regression graphs. At the same time, it is very small in size and can usually be controlled within 60KB.

14, Sigma.js

650) this.width=650; "alt=" Jive Circle Case Study "class=" Img-thumbnail "src=" http://image.evget.com/images/article/2015/ Keshihua14.png "/>

Links:http://sigmajs.org/

Sigma.js is a Javascript library focused on graphic drawing, which allows developers to easily publish network diagrams in their own Web applications. It provides a number of settings that allow developers to freely define how the network diagram is plotted. It also provides a rich API, such as Mobile view, refresh rendering, event monitoring, and so on can be easily implemented, which allows developers to expand the interaction.

More about big data-related information >>>



14 JavaScript-based data visualization tools recommended

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.