Technology visualize data (data visualization) has continued to be improved in the last decade and many advanced charting library is available to the user. In the early 2000s, the creation of the chart is dominated by the chart bitmaps from the server side. As Flash and Silverlight plugins provide experience more interactive charts but greatly affect the download speed, battery life and system resources.
With the explosion of the use of mobile phones and tablets, the plugin is no longer supported on the main platform and developers to switch to the client technology can run everywhere. At the same time, the advent of the display very high resolution and zooming upward gave the more popular independent vector chart with the top resolution.
D3 library beyond the typical charts, including many smaller technical modules such as axes, color, hierarchies, contours, easing, polygons, etc. All this makes for a steep curve.
Try to create a simple chart can be complicated. All elements including axes and other items that need to be chart clearly defined. Many examples show how CSS can be used to style the charting components. There is no feature based automatically applied chart. If you want to dive in and use creativity to fully control all the factors, it is the best choice.
D3.js is open source and free to use.
JSCharting chart library supports a large number of chart types including maps, Gantt, stock and other types generally require separate libraries to use. It includes integrated map of all the countries in the world and a library of SVG icons. A set of independent micro chart can show up in any label or in any chart div elements on a page. The UI controls (UiItems) is also included allowing interactive charts richer. To control the data or the visual variables in real time very easily and diagrams can be exported to SVG, PNG, PDF and JPG.
Collections are divided into chart types and feature templates. The chart style is polished and gives some charts that look brighter and more professional.
Examples include using a configuration object to customize the chart. The settings for creating and controlling chart types are simple to use. Only a few attribute settings are needed to specify more complex chart types, and JSCharting has the best automatic configuration settings for situations.
JSCharting is free for non-commercial and personal use and also offers commercial license options covering all types of charts and products for a single fee.
Charts use the configuration options to create charts, and the API is easy to use.
Highcharts is free for non-commercial and personal use. Commercial licensing is required for other uses and charts, maps and gantt are separately licensed.
amCharts recently released their version 4, adding a powerful SVG animation engine that allows it to create movie-like scenes.
The demo chart looks very nice. Most demos offer a number of color palettes and slider user interfaces to adjust chart variables in real time. The documentation includes many instructions and describes the full API attribute.
Creating graphs feels a bit different from a configuration-based approach and uses more declarative APIs instead. It requires a bit more code to configure the chart but provides a better code completion experience.
amCharts offers free licenses with brand charts and paid licenses for other uses.
The sample charts look bright and easy to see. Libraries and extended libraries display many types of charts, but pressing the “hamburger menu” will show more categories (such as calendars) that are not displayed in these library lists.
Each chart type has a dedicated guide with live examples. The instructions include code for related features and API lists. This was an exciting experience starting with a new chart library.
The chart is customized using the configuration options object. Data sets filled with the DataTable class can be used by all charts. Each chart type has unique options listed in the category specific instructions. Named properties are standardized and many options work on all types.
ZingChart provides many types of charts and integrates with other angular, react and frameworks. It has a powerful feature set with many customization options.
Demo charts show a wide range of stylish themes, some of which look better than others, but options to style them as needed. Demo does not show all available chart types.
The document includes instructions for all available types, some good features and a complete API list.
ZingChart uses configuration options to customize the chart. The template includes many attribute settings such as typography. They can understand in what way is necessary for a given chart.
ZingChart can be used free of charge with the trademark. Paid licenses are available for non-branded use.
The chart collection consists of a large number of examples and they have a clear form.
The document includes good API descriptions and examples of each chart type. Configuration attributes are grouped by tasks and charting features.
Charts are created using configuration-based options and are relatively easy to use. The list of attributes can be lengthy when digging deeper into the API.
FusionCharts is free for personal use with brand charts. Paid licenses are available for non-branded and commercial use.
Their new v5 release includes a more interactive set of features and styling updates. The image is clean and modern. Using canvas provides better performance with cost-based raster.
The API is well documented with example charts for each attribute. A two-month trial period is available for evaluation. License is required after the trial period is over.
The demo images look quite modern and include the original animation when drawing for the first time. It works smoothly when adding series of points or data in real time. The chart options can be modified later and call the update () function to redraw the chart.
Demo source code is not shown in the web gallery but is available on GitHub. Configuration options are used to create and modify charts. Clean and intuitive option API.
This document is very thorough and includes instructions for the property API and the code snippet.
Chart.js is a free and open source library for personal and commercial use that is an advantage. Limited number of types can be a problem for more advanced control panel requirements.
Most chart libraries easily handle simple managed data sets and static visualizations. However, charts may not always handle everything smoothly when actual, dynamic data is displayed. It may take more work to adjust and arrange the elements so that the graph appears correctly and this manual adjustment may be broken when new dynamic data is displayed
To choose the best JS charting solution for your unique needs, I recommend testing your own data against several of the libraries listed above to ensure the ideal fit for your projects. your present and future.