Archive for the Business Intelligence

Introducing Chartopedia to Help You Choose the Right Chart Types for Your Data Visualization January 18th, 2017 by AnyChart Team

Chartopedia: Choosing the Right Chart Types for your Data Visualization. By AnyChart JS ChartsChoosing the right chart types for data analysis and reporting solutions is always a challenge. In fact, there are so many data visualization options out there that it can be really complicated to determine which one to use in a certain situation. And you cannot afford to make a mistake here, because applying data to an inappropriate type of chart will very likely end up causing confusion and even wrong business decisions.

To help you cope with this issue better (and faster), we have developed an information resource named Chartopedia, and it is a pleasure for us to introduce it to you today.

Read more »


AnyChart JS Charts 2016 Year in Review: Look How Much Was Done! December 26th, 2016 by AnyChart Team

This year has been so busy and fruitful for AnyChart JS Charts that now our team is extremely tired and feels incredibly happy at the same time. In fact, we went all out to make our JavaScript (HTML5) based charting libraries AnyChart, AnyStock, AnyGantt, and AnyMap even much more feature-rich, flexible, user-friendly, and faster with only one purpose – to bring you an unprecedented data visualization experience.

Looking back, we are proud of how MUCH was done in 2016! And now, we invite you to join us in quickly reviewing this year’s accomplishments that further strengthened AnyChart’s global leadership in interactive data visualization.

Without more ado, here is the list of new product and feature arrivals as well as major improvements to our JS charts solutions – a great chance to make sure you did not miss any important innovation.

AnyChart JS Charts logo

1. More Types of JS Charts.


JS graphs and diagrams

  • Treemap charts
  • Linear gauges – LED, tank, and thermometer
  • 3D area charts
  • 3D bar charts
  • 3D column charts

(AnyChart gallery)

Stock and financial JS charts

  • Candlestick charts
  • Spline charts
  • Step line charts
  • Area charts
  • Step area charts
  • Spline area charts
  • Marker charts
  • Range column charts
  • Range area charts
  • Range spline area charts

(AnyStock gallery)

JS Gantt charts

  • PERT (Program Evaluation and Review Technique) charts
  • Resource charts (redesigned; beta)

(AnyGantt gallery)

JS maps

  • Dot (point) maps
  • Flow (connector) maps
  • Seat maps

(AnyMap gallery)

2. More Features in JS Charts.


All JS charts

JS graphs and diagrams

  • Chart themes/palettes (demo)
  • Exclude/include data points
  • Context menu
  • Save data as XSLX and CSV
  • Save chart configuration as XML and JSON
  • String tokens
  • Chart statistics
  • Standalone chart elements
  • Tooltip settings improvement

(AnyChart docs)

Stock and financial JS charts

  • Drawing tools and annotations (demo)
  • Technical indicators – MACD, RSI, SMA, EMA, ROC, Aroon, and custom
  • Data grouping
  • Markers on data points
  • Range selection UI
  • Legend interactivity
  • Y-scale comparison mode (changes and percentage changes)

(AnyStock docs)

JS Gantt charts

  • Calendar support
  • Smart timeline
  • Event markers for time intervals and important events
  • Timeline markers for multiple milestones

(AnyGantt docs)

JS maps

  • Drill down
  • Longitude/latitude API
  • Move/zoom API
  • Rich integration of keyboard and mouse controls
  • 13 map projections

(AnyMap docs)

3. Easier JS charting.


  • Chart editor (demo)
  • Demos of business solutions including the following JavaScript (HTML5) dashboards:
    • Web Audience dashboard
    • Human Resources dashboard
    • Investment Portfolio dashboard
    • Sales dashboard
    • CIO dashboard
    • Site Speed Overview dashboard
    • States of the US dashboard
  • Migration tool – a small library for easier transit from AnyChart 5/6 to 7
  • 20+ technical integration templates and samples for easy JS/HTML5 data visualization with any popular technology stack:
    • ASP.NETC# / C#, SignalR / VB.NETMySQL integration template
    • ClojureClojureScriptPostgreSQL integration template
    • Go – (Revel) – MySQL integration template
    • iOSObjective-CSQLite integration template
    • Java ServletsMaven, JDBC, JSPMySQL integration template
    • Java SpringMaven, HibernateMySQL integration template
    • JuliaMySQL integration template
    • NodeJS – (Express, Jade) / Socket.IOMongoDB integration template
    • PerlCatalystMySQL integration template
    • PHP – (Laravel / Slim / Symfony) – MySQL integration template
    • PythonFlask / DjangoMySQL integration template
    • RShinyMySQL integration template
    • Ruby on Rails – (Sinatra) – MySQL integration template
    • ScalaAkka / PlayMySQL integration template
    • Electron integration template

4. Faster JS Charts.


  • Performance improvement (speed test):
    • Less than 1s to render 250,000 data points
    • Less than 60ms to stream 500 points
  • Async rendering (docs)

5. New Products.


To sum up, 2016 was immensely intensive. But 2017 will be no less productive from the very beginning – we promise.

We wish you a peaceful, prosperous, and happy new year!


JS Charting Without Borders: 21 New Integration Templates for Popular Stacks December 19th, 2016 by AnyChart Team

Making your data visualization life ever easier is what we at AnyChart are boundlessly passionate about. This time we focused on further simplifying the integration of our JS charting solutions into your web development environment.

So, prepare to replan your schedule! From now on, you will spend tangibly less time on charting. And please greet the 21 New Technical Integration Templates that we have just released! They will help you deploy HTML5 graphs, maps, stock charts, dashboards, and Gantt diagrams in your stack as easily (and rapidly!) as never before, no matter what programming languages, frameworks, and databases are used.

You can find the templates right here on our website, in the Technical Integrations section.

Technical integration templates and samples for using AnyChart JS charting libraries with various languages, frameworks, and databases even easier

Basically, our powerful JavaScript/HTML5 based solutions for interactive data visualization – AnyChart, AnyMap, AnyStock, and AnyGantt – are inherently compatible with all major technologies and platforms. Configuring each JS charting library is easy, and we are sure all of you are more than capable of making even rather complicated integrations prefectly done by yourself. But we keep on doing our best to bring you the ultimate simplicity and clarity so you could get along without additional research and other time-consuming activities.

The integration templates we’ve added cover the most popular languages, frameworks and libraries, and database programs. Below is the list of the newly available combinations.

Templates for easily integrating AnyChart JS charting libraries into your stack:

C# / VB.NET based ASP.NET and AnyChart JS Charts: integration templates
ASP.NET integration
  • ASP.NET, C# and MySQL
  • ASP.NET, C#, SignalR and MySQL
  • ASP.NET, VB.NET and MySQL
The Go programming language and AnyChart JS Charts: integration templates
Go integration
  • Go and MySQL
  • Go, Revel and MySQL
Java Spring / Java Servlets and AnyChart JS Charts: integration templates
Java integration
  • Java Spring, Maven, Hibernate and MySQL
  • Java Servlets, Maven, JDBC, JSP and MySQL
Julia and AnyChart JS Charts: integration templates
Julia integration
  • Julia and MySQL
NodeJS and AnyChart JS Charts: integration templates
NodeJS integration
  • NodeJS and MongoDB (using Socket.io)
  • NodeJS, Express, Jade and MongoDB
Perl and AnyChart JS Charts: integration templates
Perl integration
  • Perl, Catalyst Web Framework and MySQL
PHP and AnyChart JS Charts: integration templates
PHP integration
  • PHP, Laravel and MySQL
  • PHP, Slim and MySQL
  • PHP, Symfony and MySQL
Python and AnyChart JS Charts: integration templates
Python integration
  • Python, Flask and MySQL
  • Python, Django and MySQL
The R language and AnyChart JS Charts: integration templates
R integration
  • R, Shiny and MySQL
Ruby on Rails and AnyChart JS Charts: integration templates
Ruby on Rails integration
  • Ruby on Rails, Sinatra and MySQL
  • Ruby on Rails and MySQL
Scala and AnyChart JS Charts: integration templates
Scala integration
  • Scala, Akka and MySQL
  • Scala, Play and MySQL

We hope you agree that this is a tremendous addition to the JS charting integration samples published earlier:

  • Clojure, ClojureScript and PostgreSQL,
  • iOS, Objective-C and SQLite,
  • NodeJS and MongoDB,
  • PHP and MySQL,
  • PHP, Slim and MySQL.

So, you are welcome to make use of our integration templates and samples for easier data visualization. All of them are released on GitHub under the Apache 2.0 License, rest in the AnyChart Integrations repository, and can be forked and changed in any way.

We are going to keep the collection growing further. Meanwhile, please send us your suggestions on what other particular integration you are interested to learn about first, and – as always! – that one will be prioritized; just contact our Support Team for that and name your stack.

To make your JS charting life even easier, we will release special AnyChart plugins for Angular, Ember, jQuery, Meteor, and React JavaScript frameworks in February 2017, with the 7.13.0 update. But this is a completely other remarkable story. Stay tuned. And thanks for being with us!


Web Analytics Dashboard – Made With JS Maps and Charts Powered by AnyChart October 19th, 2016 by AnyChart Team

In today’s world of data, a well-designed web analytics dashboard is a must-have for everyone who is managing a website, a web app, or a number of various web projects. You get tons of statistics about traffic, and you should make them work and help you make right decisions.

How much traffic are you getting? Who are your visitors? Where are they coming from? And maybe even most important – is your marketing strategy working well? It gets much easier and takes significantly less time to answer all these questions when the data is visualized. Here comes an interactive analytics dashboard that allows you to have your data organized, see everything at-a-glance, and pay sufficient attention to all metrics that are important to you.

First-class dashboarding experience is one of the biggest advantages of our interactive data visualization solutions. JavaScript graphs, maps, and stock charts powered by AnyChart can be easily put on a single, effective, interactive HTML5 dashboard, making your traffic data analytics even more powerful and insightful. And here is another great example – Web Audience Dashboard, freshly made by the team of AnyChart for your inspiration.

Look at this:

Interactive HTML5 Web Analytics Dashboard Powered by AnyChart JS Charts
(large image / interactive version)

And now we definitely should take note of some composition and development features of this dashboard.

Read more »


HR Dashboard – Built With AnyChart JavaScript (HTML5) Charts Library September 1st, 2016 by AnyChart Team

An HR dashboard is a powerful BI solution that can mightily facilitate making right, data-driven decisions about the workforce in your company – from recruiting and training courses to compensations and job promotions. Smart visualization of all relevant staff-related data, with all charts and graphs on a single page, allows your Human Resources Department to see various metrics at-a-glance. As a result, HR managers are given the power to easily identify trends, outliers, and relationships when it comes to reports and data analysis, and to make sure each decision is well-timed and will drive even more success for your enterprise.

After all, it is the employees that are the most valuable asset.

To inspire and show you how easy it gets to implement this approach with the help of AnyChart JS Charts library, we added an interactive JavaScript-based Human Resources Dashboard to the Business Solutions section of our website as a new HTML5 business dashboard sample with the full source code. It nicely visualizes various employee related data, including demographics, payrolls, performance measurements, and so on. Of course, you are welcome to fork this sample and use our HR Dashboard fully or partially to create your own solution.

Interactive HR Dashboard business solution for human resources analysis and management. Created with AnyChart JavaScript (HTML5) Charts library

Now let’s have a closer look at this interactive HTML5 dashboard, including its composition and some peculiar features. Read more »


AnyChart Business Dashboard Solutions January 24th, 2016 by Timothy Loginov

We are glad to introduce a new section of our site – AnyChart Business Dashboard Solutions. It is a series of sample dashboards demonstrating how our JavaScript Charts can be applied to various visualization tasks in various industries.

You can use AnyChart to visualize literally ANYTHING. Of course, our component is intended for reporting and data analysis in business applications in the first place, but we also provide AnyChart Graphics Framework allowing you to draw absolutely anything.

Here are the samples available at the moment:

Site Speed Dashboard

Site Speed Dashboard Nowadays every decent website admin panel has a web analytics tool with graphs, allowing an administrator to understand at a glance what is going on with a website and whether there are any problems. Site Speed Dashboard created with AnyChart JavaScript charting library combines simple chart types (Column, Bar, Line, Area) with less common Bullet charts to show web pages load speed, the number of visitors, and other parameters.

Please note that charts can be added even to tooltips: if you hover over the main column chart, you will see a small bar chart showing the list of the pages visited. This sample also demonstrates the possibility of real-time data streaming, which is very easy to implement in our flexible data architecture (for more information, see our documentation).

Sales Dashboard

Sales DashboardReporting is a keystone when it comes to sales. A good manager knows everything about the sales situation, and this situation is not just a “Total” line in a daybook or a general ledger. One needs to know all the details of every bargain: what, where, when, who, to whom, and at what price. In the modern world, either you have this information, or you risk finding yourself at the bottom of the ladder very soon.

Wine Sales in France is a HTML5 dashboard based on the extensive usage of Bootstrap for creating tabs. The dashboard contains such chart types as Bar, Pie, Column&Line, Bullet, and Sparkline as well as Geo Maps from the standard set of AnyChart JavaScript charts library. Due to Bootstrap and AnyChart being cross-platform solutions, you will be able to see this dashboard on your smartphone or tablet. What is even more important is that a big data set can be presented in the form of small units, which allows one to grasp the situation and to come to a good decision quickly.

CIO Dashboard

CIO DashboardThis sample is a tribute. It is a tribute to one of the great minds in modern data visualization – Stephen Few. His book “Information Dashboard Design: Displaying Data for At-a-Glance Monitoring” has been an inspiration for everyone at AnyChart – we have read it from cover to cover several times. It is hard to keep up with masterminds, but we try. We believe this dashboard shows that AnyChart JS charting library can be used to create visualizations that are clean, simple, compact, and easy to understand – “meaningfully see” as Stephen Few would say.

States of United States Dashboard

States of United States Dashboard

States of United States Dashboard is more of an infographic rather than a dashboard (though, of course, it is clear that there is a fine line between them, so it is a question of terminology). JavaScript Maps and pie charts are used in this solution to show the order of states joining the Union and to present some additional information such as the population and land area of a state and the number of seats in the House of Representatives it has. We are going to add more information to this dashboard and turn it into a real tool for learning the history of the United States.

AnyChart Bonfire

AnyChart Bonfire As it was said in the beginning, AnyChart is not all about boring line and pie charts. You can use our component to visualize anything you want. For example, here you see that we drew an animated bonfire with the help of AnyChart Graphics Framework.

All the samples are distributed under an Apache 2.0 license, which means that you can use them from top to bottom, changing or not changing things. You can also fork them on GitHub, as well as pull requests and raise issues if you discover a bug or think the samples can be improved. We are looking forward to your feedback and collaboration!

Please do not forget about another new page on our site: the section of technical samples we wrote about earlier.


AnyChart JavaScript Charts: Integration Samples December 25th, 2015 by Margaret Skomorokh

AnyChart JavaScript Charts: Integration with PHP, MySQL, iOS, SQLite, Clojure, Clojurescript, NodeJs, and MongoDB

AnyChart JavaScript charts run on any platform and with any database. To make integration of AnyChart into your application as easy as possible, we have created several samples demonstrating how to integrate our component into the most popular platforms and databases. With the help of these tutorials, you will be able to start developing a prototype of your application right now.

Below you will find the samples that are currently available. Please note that all of them are repositories on GitHub, distributed under an Apache 2.0 License, and you can fork and change them as you like. Do not hesitate to pull requests or raise issues if you want to suggest an improvement or think that there is a bug in the code. We are going to expand this list and improve the samples, but if right now you are interested in a particular integration not listed here, please contact us.

AnyChart JavaScript Charts Simple PHP Integration Sample

Simple PHP Integration Sample
PHP is one of the most popular tools for creating web applications and web pages. If you are a beginner developer or you need the simplest base for your charting application, this sample will help you. It shows Bar, Column, and Pie JavaScript charts created with PHP and displayed on a web page using AnyChart.

AnyChart JavaScript Charts PHP Integration Sample, Based on Slim

PHP Integration Sample, Based on Slim
If you are using the MySQL database (which is widely used with PHP applications) and the Slim PHP framework (a very convenient PHP microframework), this sample will help you to create a proof of concept of your charting application in a matter of minutes. You will see how to get data from MySQL, convert them into a format that can be used with AnyChart, and display as interactive JavaScript charts. You will also learn how to update your data without refreshing the page and how to customize different chart types, tooltips, labels, axes, and so on.

AnyChart JavaScript Charts iOS Objective-C Integration Sample

iOS Objective-C Integration Sample
Nowadays iPhone and iPad are used not only for making phone calls and entertainment. Phones and tablet computers are the integral part of an entrepreneur’s everyday life, and iOS apps serve business. Though AnyChart is a JavaScript charting library, you can easily combine it with the native Objective-C code and make any iOS app display big or small data as charts, with all great big and small features of AnyChart: from continuous real-time updates and multi-level drill-downs to the ability to customize the color of a particular axis label. Run our sample charting application in XCode, and you will get an iOS project where data are stored in the SQLite database management system and displayed as HTML5 charts on the screens of mobile devices.

AnyChart JavaScript Charts Clojure and ClojureScript Integration Sample

Clojure and ClojureScript Integration Sample
Clojure is a dialect of the Lisp programming language, which is a very popular choice for creating server/backend applications. ClojureScript and the Postgresql database together make an excellent combination of tools, suitable for the most wide range of applications including data visualization solutions of any kind. Today there is rarely just one or two charts in an application – usually you see a dashboard with many interrelated elements. In this sample you will find a sales dashboard with such common chart types as Line, Bar, and Pie, and you will be surprised to realize how well AnyChart’s ideology fit the principles of Closure: simple modules will allow you to quickly get all the things that users expect to see on an up-to-date HTML5 website.

AnyChart JavaScript Charts NodeJs and MongoDB Integration Sample

NodeJs and MongoDB Integration Sample
The NoSQL database is an integral part of the modern world, and MongoDB is a good choice if you decide to go this way. And when MongoDB is in play, a Node.js server is a logical choice to go with. So, if you are breaking the ground with your scalable application where run-time performance is paramount, use our sample to see how AnyChart JavaScript charts fit into this environment (and they fit perfectly). We are confident that you will not be disappointed with AnyChart in this case – its client-side performance will compliment your server-side performance, and users will be glad to see their data seamlessly updated on-the-fly.

AnyChart charting library is a number one choice for anyone who is going into the world of data visualization and wants to excel in the fast-evolving world of BI solutions. When we develop our charts, one of our aims is providing users with the best result in any browser, but we also do our best to make the process of creating and supporting applications easier for developers.

We maintain a clear system of versions, each version being saved at AnyChart CDN. The API of each version is available at https://api.anychart.com/, and the documentation is available here: http://docs.anychart.com/. There are thousands of samples in our API and documentation, and you can see and try any method and any feature of AnyChart JavaScript charts on our website. Still, if there is no answer to your question neither in API, nor in our documentation, nor in the FAQ, just contact AnyChart Support Center, and our engineers will solve your problem.

We hope that these integration samples will help you to jump-start your project, and you will become one of the lucky ones who enjoy the power and flexibility of our JavaScript charts.

PS: If you are already convinced and none of the standard licenses fits your needs, our sales team is dying to hear from you and work out the best deal ever. You will be amazed to discover how fair our Support, OEM, and SaaS contracts are.

Read more »


Top 5 Books about Data Visualization and Charting June 30th, 2015 by Anton Baranchuk

Every day at AnyChart we deal with a lot of different data visualizations, charts, diagrams, dashboards when we help our clients to build their beautiful products. So, we have a lot of experience with both Flash and HTML5 charts, but also we recognize power of  reading to get theoretical understanding of basic concept from guru-thinkers. Here are our top 5 picks: Read more »


DeviceLock Chooses AnyChart HTML5 charts for Its DLP Security Solution June 11th, 2015 by Margaret Skomorokh

We are happy to announce that a new customer success story has been added to our site.

logo_devicelockDeviceLock, Inc, established in 1996, is a leading provider of endpoint device/port control and data leak prevention software for business, education and government institutions around the world. The company offers DeviceLock, a policy-based endpoint data leak prevention (DLP) security solution that enables network administrators to centrally control uploading and downloading activity through local computer devices and network protocols and applications.

The challenge was:

  • To present the activity of DeviceLock in a clear and visually appealing way.
  • To make complex data easy to read and understand so that the situation could be quickly evaluated by the end user.

Solution:

  • AnyChart JavaScript charts were chosen as a solution. The component allows to create stylish interactive HTML5 charts and provides excellent rendering performance.
  • Due to wide variety of chart types and the flexibility of AnyChart, it was possible to implement user-friendly data visualizations.

You can enjoy the full success story here:

logo_devicelock DeviceLock
DeviceLock Chooses AnyChart for Its DLP Security Solution >>

Or see other AnyChart Customer Success Stories.