AnyChart JS Charts

Venn Diagram

Venn Diagram is the most powerful tool for visualizing the relations of sets. That said, this chart type allows for nicely displaying both the degree of the intersection of the sets and their nesting.

• Take a look at Venn Diagram in the Gallery.
• Learn more about Venn Diagram in the Chartopedia.
• Check out Venn Diagram in the Documentation.

Tag Cloud (Word Cloud)

Tag Cloud (also known as Word Cloud, or Weighted List) is a form of data visualization that helps represent text data in a visually appealing way. It is especially widely used for displaying tags (keywords) in accordance with their relative prominence. Our solution for Tag Cloud allows for color scale based categorization, provides a lot of ways to arrange words by setting the allowed number of positions and angle intervals, and supports multiple interactivity settings.

• Take a look at Tag Cloud in the Gallery.
• Learn more about Tag Cloud in the Chartopedia.
• Check out Tag Cloud in the Documentation.

Waterfall Chart

Waterfall Chart (or Mario Chart, Bridge Chart, or Flying Bricks Chart) is widely used for analytical purposes. In particular, this chart type facilitates the analysis of processes (sales, production, research, and so on), especially when it comes to exploring or communicating transitions between the stages in a process. Our Waterfall Chart solution stands out from the crowd by actually being able to get data both as absolute values for each state and as deltas (differences) between the states.

• Take a look at Waterfall Chart in the Gallery.
• Learn more about Waterfall Chart in the Chartopedia.
• Check out Waterfall Chart in the Documentation.

Mekko Chart (Marimekko Chart) and Mosaic Chart

Mekko Chart (or Marimekko Chart) is a convenient means of visualizing sales of products from multiple categories, displaying the distribution of skills across jobs, and so on. Essentially it is close to the Stacked Column Chart type, but the latter shows only values within categories, whereas the Mekko Chart also displays the cumulative value of each category.

• Take a look at Mekko Chart in the Gallery.
• Take a look at Mosaic Chart in the Gallery.
• Learn more about Mekko Chart in the Chartopedia.
• Learn more about Mosaic Chart in the Chartopedia.
• Check out Mekko Chart in the Documentation.
• Check out Mosaic Chart in the Documentation.

Bar Mekko Chart

Bar Mekko Chart is basically the same Mekko Chart but with several unique features. First, the Bar Mekko Chart allows for drawing trendlines. Second, it works great for including negative values. Finally, the Bar Mekko Chart looks more familiar to many people than the regular Mekko Chart.

• Take a look at Bar Mekko Chart in the Gallery.
• Learn more about Bar Mekko Chart in the Chartopedia.
• Check out Bar Mekko Chart in the Documentation.

Quadrant Chart

Quadrant Chart is a simple and at the same time amazingly convenient and efficient tool for prioritizing and categorizing discrete data. Our solution offers all necessary features and allows for successfully solving various popular tasks such as Categorization of scattered data, BI Services Comparison, Eisenhower Matrix, SWOT Analysis, and so on.

• Take a look at Quadrant Chart in the Gallery.
• Learn more about Quadrant Chart in the Chartopedia.
• Check out Quadrant Chart in the Documentation.

Google Spreadsheets data loader

Google Spreadsheets is an excellent popular data source. And now our Data Adapter is equipped with the capabilities to load data from there. Feel free to make good use of the Google Spreadsheets data loader, and please note: data may be taken from publicly shared documents only.

• Take a look at Google Spreadsheets data loader in the Gallery.
• Check out Google Spreadsheets data loader in the Documentation.

Marquee Select and Zoom tools

Marquee Select and Zoom tools work great to facilitate the exploratory data analysis. They make the research of data visually represented on an interactive chart even more convenient and intuitive. What's also important is that our Marquee Select and Zoom tools may be integrated with any custom UI by means of events:

• Check out Marquee Select in the Documentation.
• Check out Marquee Zoom in the Documentation.

Scale sync feature

Scale Sync is helpful in the situations when you have to represent diverse data on a single visualization. Use it to avoid a visual mess and to prevent such a complex chart from misleading the viewer. Indeed, when the scales are synchronized, you can even add stacking and still get a good-looking, useful chart at the end.

• Take a look at Scale sync feature in the Gallery.
• Check out Scale sync feature in the Documentation.

Text Wrap "byWord" feature

By popular request, Text Wrap is now supported in all charting elements that contain texts. This text formatting feature will make sure that every output text is absolutely print-friendly.

• Take a look at Text Wrap feature in the Gallery.
• Check out Text Wrap feature in the Documentation.

Polar based Charts Types

Six new Chart Types are now available in AnyChart:

• Polyline Polar Chart
• Polygon Polar Chart
• Column Polar Chart
• Range-Column Polar Chart
• Stacked Polygon Polar Chart
• Stacked Column Polar Chart

Angular 2 plugin

We are happy to announce the release of the AngularJS v2.x directives for AnyChart.

Qlik plugin

We are happy to announce the release of the AnyChart Extension for Qlik Sense.

AnyChart in Now Open

Reliability has always been our company"s first priority. And you definitely know you can trust us, with our public roadmaps, consistent releases, and highly experienced Quality Assurance team. Today we are glad to tell you about another major step that we have just taken in this regard: AnyChart is now open! Basically, it means the following:

• The Source code of our product is available for review and download on GitHub.
• The public issues tracker is open to all who are ready to help us further improve our product.
• Public Build scripts allow you to compile custom binaries with the chart types you need.
• The open brancheslist demonstrates our development cycle and proves you can trust us.

Plugins

Compatibility with popular frameworks and libraries for creating web applications and services has always been very important to us. That is why the current release features special plugins for popular solutions: Angular, React, Ember, Meteor, NodeJS, jQuery.

Sharing

Now any chart can be shared on social networks with the help of the context menu. Properties specific to a particular social network can be set in the exports namespace.

• Facebook
• Twitter
• LinkedIn
• Pinterest

• Check out Sharing Charts in the Documentation.

Vertical Charts

Most of the series are now available in the vertical orientation with the help of the isVertical() method. We have also added special constructors for the most popular vertical chart types, verticalArea() and verticalLine().

• Take a look at Vertical Charts in the Gallery.
• Check out Vertical Charts in the Documentation.

Pareto Chart

is a new arrival in the set of chart types supported in AnyChart. Named after prominent economist and sociologist Vilfredo Pareto, it is one of the most popular chart types in the field of management. Now you can easily create a Pareto chart using the anychart.pareto() constructor.

• Take a look at Pareto Chart in the Gallery.
• Check out Pareto Chart in the Documentation.

Step/Stick/Jump line Charts

The Step Line Forward and Step Line Backward modifications of the Step chart are now available with the help of the stepDirection() method. We have also added the Jump Line Chart and the Stick Chart that can be added using the jumpLine() and stick() methods.

• Take a look at Step in the Gallery.
• Take a look at Stick in the Gallery.
• Take a look at Jump line in the Gallery.
• Check out Step in the Documentation.
• Check out Stick in the Documentation.
• Check out Jump line in the Documentation.

Custom Series Drawing

Now you can use the new rendering() method to put any creative idea into action and create custom charts like Frog Chart, Cherry Chart, or Column Chart with Rounded Edges.

• Take a look at Custom Series Drawing in the Gallery.
• Check out Custom Series Drawing in the Documentation.

Legend

In this release, we are glad to present several major legend features.

• The itemsLayout() now supports new options that allow you to improve the legend's visual appearance, especially when multiple series are shown on a chart.
• The legend can now be placed inside a data plot (the positionMode() method) to facilitate a more efficient use of space on a chart.
• The drag() method is a pleasant addition to the preceding two features. It allows you to easily change the chart legend's position by simply dragging it throughout a chart.

• Check out Legend features in the Documentation.

Localization Support

One of the main news of this release: support of localization using locale settings files and special formatting functions. You can switch between 196 different regional settings, and all date/time chart elements update themselves.

• Check out Localization Support in the Documentation.

Standalone Chart Elements

Now you can use all chart building blocks, such as scales, axes, legends and so on to build your own charts and dashboards. Use this feature along with AnyChart's GraphicsJS graphics library, and you will be able to create your own unique charts and visualizations.

• Check out Standalone Chart Elements in the Documentation.

Tooltip settings Improvement

API for tuning chart and series tooltips is improved. These changes allow to make your applications simpler, leaving room for flexibility as well.

• Check out Tooltip Settings Improvement in the Documentation.

Full accessibility support (section 508)

All AnyChart charts now support AAA-level web accessibility standards (Section 508) using very flexible a11y (accessibility) features. AnyChart supports two accessibility modes:

• The Data Table mode creates a hidden HTML Table with chart data that is available to all screen readers.
• The Chart Elements mode adds special accessibility attributes (ARIA tags) to the elements of the chart, making the elements readable by screen readers.

• Check out Accessibility Support in the Documentation.

Linear Gauges

We have created a very flexible way of building any type of Linear Gauges. You can use built-in constructors for LED, Tank, and Thermometer Gauges or build your own Gauge with simple configurations.

• Take a look at Linear Gauges in the Gallery.
• Check out Linear Gauges in the Documentation.

Chart Editor

We are happy to announce the Chart Editor feature which makes the integration of AnyChart much easier. Chart Editor is a dialog window that allows to create and set up various chart types. The result can be saved with fixed data in XML or JSON format or in a reusable format with a JavaScript code string.

• Check out Chart Editor in the Documentation.

Async Rendering

The Async Rendering feature allows you to make web pages and applications with a big number of charts more responsive during the page loading process.

• Check out Async Rendering feature in the Documentation.

TreeMap Chart

We are happy to announce that we have added one of the best chart types for showing hierarchical data — TreeMap Chart. It has all the features allowing to create treemap-based solutions: Drill-Down API, Flexible Interactivity Settings, Hint Depth Feature, and smart Labels/Headers display modes. Hierarchical Data Engine allows to add, alter, and search hierarchical data sets.

• Take a look at Take a look at TreeMap Chart in the Gallery in the Gallery.
• Check out TreeMap Chart Chart in the Documentation.

Themes

To make it easier to integrate AnyChart Charts in your website or application, and to help you to choose matching colors, we present you with 18 out-of-the-box themes. These themes are based on 13 color palettes, which can be used with or without the themes. You can change or use themes how you like, attuning them to your requirements.

• Check out Themes in the Documentation.

Save as Excel/CSV/XML/JSON

We have extended our Export API. Now you can not only export your chart as an image or PDF, but also grab data or configuration settings with these four new methods:

• saveAsCsv — saves chart data sets in CSV (Comma-Separated Values) format
• saveAsXlsx — saves chart data in Excel (.xlsx) format
• saveAsXml — saves chart configuration settings as XML (which may be particularly useful in conjunction with the anychart.toXml and anychart.fromXml methods)
• saveAsJson — saves chart configuration settings in JSON format (this method is similar to saveAsXml and is used along with the anychart.fromJson and anychart.toJson methods)

• Check out Export functions in the Documentation.

Chart Statistics

By popular request, we have made the getStat method available outside of TextFormatter functions : now you have access to statistical data that AnyChart engine calculates any time you want. Please note that you can use statistical data to fine-tune your visualisation or highlight some data points and that it can be done before the chart is drawn

• Check out Chart Statistics in the Documentation.

Context Menu

Context menu now comes out-of-the-box too. By default, it provides Print, Export, and other commonly used items. You can add your own elements or remove default ones; context menu look is customizable too.

• Check out Context Menu in the Documentation.

Keep/Exclude Data Point

Exclude/Include Points API and ability to use this API in the context menu allows you and any chart viewer to hide some parts of the chart. You can create complex data mining applications that show more information and make it easier to understand.

• Check out Keep only/Exclude Data Point in the Documentation.

3D Charts Improvements

For those of you who like to use 3D charts, we've added the Z-Axis Distribution option, animations, and the ability to use hatch fill.

• Take a look at 3D Charts in the Gallery.
• Check out 3D Charts in the Documentation.

3D Bar/Column Chart

Though data visualization specialists take a negative attitude towards any Pseudo 3D graphics, we think that our 3D Bar and Column Charts are able to complement and enhance any visualization. You can adjust the angle and depth using the zAngle and zDepth methods.

• Take a look at 3D Bar in the Gallery.
• Take a look at 3D Column in the Gallery.
• Check out 3D Bar in the Documentation.
• Check out 3D Column in the Documentation.

3D Area Chart

We are very proud that we have succeeded to create such a beautiful 3D Area chart. Just as in the case of 3D Bar/Column Charts, you can adjust the angle and depth using the zAngle and zDepth methods.

• Take a look at 3D Area Chart in the Gallery.
• Check out 3D Area Chart in the Documentation.

String Tokens

The String Tokens feature is an alternative to formatting text in labels and tooltips using formatting functions. Unlike functions, String Tokens are much more convenient in simple cases. They provide more flexibility in terms of settings serialization and are more familiar to the customers that have been using our Flash-based components.

• Check out String Tokens in the Documentation.

Migration Tool

Migration Tool is a small JavaScript library with an open source code, which is aimed to facilitate the transition from AnyChart 6 to AnyChart 7. Its main function is converting AnyChart 6 XML/JSON settings to AnyChart 7 settings. This library also contains special functions for partial conversion and creating custom converters.

Performance Improvement

In this release we have significantly improved performance: the number of points that can be displayed in less than a second has increased from 3000 to 10000. However, it is not the limit of AnyChart capabilities. Every release contains performance improvements, and we are not going to stop!

• Take a look at Benchmark Page in the Gallery.

Heat Map Chart

A graphical representation of data where the individual values contained in a matrix are represented as colors.

• Take a look at Heat Maps in the Gallery.
• Check out Heat Map Chart in the Documentation.

Zoom and Scroll

Scroller allows you to show more .

• Take a look at Scroller Feature in the Gallery.
• Check out Scroller Feature in the Documentation.

ByX interactivity mode

• Take a look at ByX interactivity mode in the Gallery.
• Check out ByX Interactivity Mode in the Documentation.

BySpot interactivity mode

• Take a look at BySpot interactivity mode in the Gallery.
• Check out BySpot interactivity mode in the Documentation.

Select and Multi-Select

Ability to select and multi-select data points is essential for complex dashboards, implementing drill down or creating interaction between chart and other UI elements.

• Take a look at Select and Multi-Select Sample in the Gallery.
• Check out Select and Multi-Select in the Documentation.

Union Tooltip

• Take a look at Union Tooltip Sample in the Gallery.
• Check out Union Tooltip in the Documentation.

Separate Tooltip

• Take a look at Separate Tooltip Sample in the Gallery.
• Check out Separate Tooltip in the Documentation.

Point Tooltip Position

• Take a look at Point Tooltip Position Sample in the Gallery.
• Check out Point Tooltip Position in the Documentation.

Chart Tooltip Position

• Take a look at Chart Tooltip Position Sample in the Gallery.
• Check out Chart Tooltip Position in the Documentation.

New Look and Theming

All AnyChart charts got the new modern look and design, we worked hard to make everything even more aesthetically pleasing than they were before.

Not only that: to simplify charts customization and integration process, AnyChart supports Theming feature. Theming allows you to set similar visual and functional settings for all charts without the need to duplicate code. You can store themes in a separate file, reuse them and switch when needed.

• Check out Theming in the Documentation.

Chart Crosshair

Crosshairs are thin vertical and horizontal lines centered on a data point with the optional corresponding axis labels at the end of the lines. Crosshair is useful then you need locate with precision a particular point on the chart or to analyzing data when you need to compare different graphs.

• Take a look at Chart Crosshair Sample in the Gallery.
• Check out Crosshair in the Documentation.

3D Pie/Donut Chart

Information from simple Pies is very easy to read, and you can make look attractive and lively by turning them into 3D! Turn a flat Pie Chart into a 3D with .pie3d() method.

• Take a look at Pie/Donut Charts in the Gallery.
• Check out Pie Chart in the Documentation.

Dashboarding Tools

The purpose of the features named Dashboarding Tools is to provide simple and convenient instruments for building complex Dashboards. In this release we present the first part of this set: ability to highlight/hide series and points using special methods.

• Check out Dashboarding Tools in the Documentation.

Printing

Printing method allows you to make a full-page print of a Chart or a Dashboard. It supports eight paper size formats: US Letter, A0 — A6 and the portrait/landscape switch.

• Check out Printing in the Documentation.

Animation

Animation for the most popular charts types: Line, Column, Bar, Area and so on. It supports duration settings and animation start and finish events.

Funnel Charts

Funnel charts are so-called accumulation charts and they show percentage ratio. Funnel charts are often used to represent stages in a sales process and show the amount of potential revenue for each stage.

• Check out Funnel Chart in the Documentation.
• Take a look at Funnel Chart in the Gallery.

Pyramid Charts

Pyramid charts are useful to visualize the hierarchical structure of topics, progressively ordered quantitative data.

• Check out Pyramid Chart in the Documentation.
• Take a look at Pyramid Chart in the Gallery.

Sparkline Chart

Sparkline charts are designed to fit a lot of them in a tiny space. Sparklines are good at presenting changes in time for an array of similar data, e.g. currency or medical trends.

• Check out Sparkline in the Documentation.
• Take a look at Sparkline Chart in the Gallery.

Error Chart

Error Charts are to be used as error or deviation indicators. Error bars often represent one standard deviation of uncertainty, one standard error, or a certain confidence interval.

• Check out Error Chart in the Documentation.
• Take a look at Error Chart in the Gallery.

Box and Whisker Chart

Box Charts are predominantly used in descriptive statistics. Using a box chart is a way of representing groups of numerical data. Boxes operate with specific terms, such as whiskers, quartiles, and median.

• Check out Box Chart in the Documentation.
• Take a look at Box and Whisker Chart in the Gallery.

Circular Chart

Circular Gauge is a radial chart that can be used as a clock, speedometer, compass, audio feature tuner or any other gauge that represents the value as an angle on a circle plot.

• Check out Circular Gauges in the Documentation.
• Take a look at Circular Chart in the Gallery.

Pie/Donut Aqua Style

Aqua Style for Pie/Donut charts is a renewed gradient fill style which has become very popular among our users since AnyChart 5.0.

• Take a look at Pie/Donut Aqua Style in the Gallery.

Scatter Chart

Scatter charts show the relationships among the numeric values in several data series, or plots two groups of numbers as one series of XY coordinates.

• Check out Scatter Chart in the Documentation.
• Take a look at Scatter Chart in the Gallery.

Radar Chart

A Radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.

• Check out Radar Chart in the Documentation.
• Take a look at Radar Chart in the Gallery.

Polar Chart

Polar chart plot allows to draw scatter chart using polar coordinate system, which is is a two-dimensional coordinate system in which each point on a plane is determined by a distance from a fixed point and an angle from a fixed direction.

• Check out Polar Chart in the Documentation.
• Take a look at Polar Chart in the Gallery.