Design-patternsPHPJavaScriptEcommerceMySQL

AnyChart - JavaScript charts part-1

Tipo IT - author
Posted by : Darko Borojevic - contact me | go home

AnyChart - create charts with JavaScript easy Part-1

If you administrate and maintain data rich websites, sometimes you will need a little push in terms of data visualization, normally by means of some sort of data-visualization API. In this article we briefly present AnyChart, a commercial JavaScript charting library, still free for a non-profit use. This is a very well established Javascript API that has been on the market for more than 10 years. Originally Flash-based, AnyChart has since moved over to pure JavaScript and SVG/VML rendering.

AnyChart is usually presented as a set of different JS charting libraries. It is comprised of the following:

  • AnyChart - allows you to install interactive charts of all basic types
  • AnyStock - allows you to add interactive or timeline-based financial charts to any web and mobile project
  • AnyMap - a mapping solution that allows you to add interactive maps and display them in any browser on any platform
  • AnyGantt - AnyGantt is an additional data visualization solution in the form of complex and informative Gantt charts.
Anyhow, these libraries can be treated as one big JavaScript (HTML5) charting library. They all share the same API, all the charts are configured in pretty much the same way, they share common themes, settings and ways to load data. An added benefit is that you can also easily share a chart created with AnyChart on social networks such as Facebook, Pinterest, Twitter or LinkedIn. It is also possible to implement custom integrations with any other social network using image files sharing functions. You can save all charts as a PDF, PNG, JPG, or SVG image, or download chart data as an Excel or CSV file.

Visualizing external data

AnyChart gives you options for creating charts out of data stored in Arrays, JSON like formats, Multidimensional Arrays, and especially useful, HTML tables. Let's now look at one simple example of AnyChart functionality.

HTML

data visualization charts

CSS

anychart js library

JavaScript

data visualization charts
AnyChart is a flexible JavaScript (HTML5) based solution that allows developers to embed interactive and great looking charts and dashboards into any web, standalone or mobile project.
One more good thing about it is that this library has an extensive documentation and support that you can use, and a lot of tools like AnyChart playground that can give you full HTML-JS code base for creating data visualization solutions for your web content. In this article we presented you with basic info about AnyChart charting JavaScript API, and in the following article we will present you with Chartopedia, AnyChart's tool for understanding different chart groups.





Print article

Email article

Do you have a comment?