Recap of the Week – 8/29/2015
August 29th, 2015 by Margaret SkomorokhThis week we have posted on Facebook the following information on data visualization and AnyChart:
- We have shared a tutorial explaining how to insert AnyChart JavaScript charts into WordPress posts.
- Android Fragmentation Report – Fragmentation is both a strength and weakness of the Android ecosystem, a headache for developers that also provides the basis for Android’s global reach. This visualization demonstrates the scale of the problem.
- Mapping Migration in the United States – In this interactive map by The Upshot, you can find detailed information on how often Americans migrate from their states of birth. (Each shape represents where the people living in a state were born. Within a state, larger shapes mean a group makes up a larger share of the population.)
- How People Engage with Data Visualisations and Why It Matters – An article by Helen Kennedy, Professor of Digital Society at the University of Sheffield, explaining what is visualization literacy and what skills it requires.
- Categories: AnyChart Charting Component, HTML5, JavaScript, News
- No Comments »
AnyChart JavaScript Charts in WordPress Posts
August 26th, 2015 by Margaret SkomorokhData visualization is a rapidly growing Internet industry rooted almost in any aspect of our life. As far as visualization is one of the most effective ways of presenting information, every presentation and every information dashboard requires visual information. Moreover, a well-designed dashboard makes any web page look even better, be it a personal blog or website of a big company.
AnyChart is a flexible JavaScript (HTML5) based solution which allows you to create interactive and great-looking charts, dashboards and visualizations. It is cross-browser and cross-platform, intended for everybody who deals with dashboards, reports, analytics and creates statistical, financial, or any other data visualizations. PCs, Macs, iPhones, iPads, Android devices – AnyChart works everywhere, and you will get the same experience across all devices and browsers.
This article highlights the basics of using AnyChart in WordPress – one of the most popular content management systems. You can easily add a dashboard or a chart in your post, making it more appealing and helping your storytelling.
Adding AnyChart to a WordPress Post
Adding AnyChart to a WordPress post is quite easy. You should open the page editor, switch into Text Editing Mode, insert link to an AnyChart JavaScript file, create a chart container, and add some data and settings, like this:

Note: A chart container may be of any size. However, if there are no style settings for the container and it has zero height and zero width, the chart will be added, but it will not be seen. So do not forget to set container size.
You can open your WordPress blog right now, copy paste the code below and try it yourself:
<!-- Step 1: link AnyChart from AnyChart CDN -->
<script src="//cdn.anychart.com/js/latest/anychart-bundle.min.js"></script>
<!-- Step 2: Create chart container -->
<div id="container" style="width:90%;height:600px;"></div>
<!-- Step 3: Write a script to create a chart -->
<script>
anychart.onDocumentLoad(function() {
var chart = anychart.pie([ // create an instance of a pie chart with data
["Chocolate", 5],
["Crêpe Suzette", 2],
["American blueberry", 2],
["Buttermilk", 1]
]);
chart.title('Top 5 pancake fillings');
chart.container('container'); //chart container id
chart.draw(); // initiate chart display
});
</script>
That’s basically all you need to to! Could it be easier? Now the page is ready to be published, but do not forget to preview it and make sure that everything looks fine and there are no mistakes in the data.
See below what you get if everything is done right – it actually is a live AnyChart JavaScript Pie Chart which is embedded in AnyChart WordPress Blog the way described above. Hover the slices to see tooltips, click to select them. If you don’t see anything – please check if JavaScript is enabled in your browser.
The <script> tag with data should not contain any empty lines! If there are any, WordPress will replace them with the <p> tag, and the data may be corrupted. Read below to learn how to avoid this.
Disabling Smart Insert
The way of integrating AnyChart from the sample above is quite convenient. But in most cases we may need a little bit more. Just dividing data into paragraphs may help in seeing what is right and what is not, and simple comments are very desirable in some cases. It doesn’t take much to achieve it: WordPress provides you with a number of plugins allowing to disable smart insert (which messes with your code in the first place). You can use, for example, the “Raw HTML” plugin or any other – it doesn’t matter which one you choose. After activating your plugin, wrap the script in the tags specified by the plugin developers (you will need the [raw]…[/raw] tag in case you choose the “Raw HTML” plugin). Then you are free to use any number of empty lines you want and insert comments and notes. It will make no difference in terms of visualization, but it may be of a great help in adjusting and debugging the chart.
Referencing the Script in the Head of a Page
AnyChart.js can be referenced in any part of a page, but we recommend to add the link to the head tag of your blog if you are going to use charts regularly. There are quite a few plugins (like this one) for inserting scripts into the head section, and in some themes you may need to work with wp_head.
Read More
All necessary information about AnyChart can be found in our extensive documentation, API, and Playground.
You can download the component at https://www.anychart.com/download/
Do not hesitate to contact our Support Team or Sales Team if something is still not quite clear.
- Categories: AnyChart Charting Component, Tips and Tricks
- 1 Comment »
AnyChart, AnyMap, and AnyGantt 7.6.0
August 13th, 2015 by Margaret Skomorokh
We are proud to announce 3 new releases – AnyChart 7.6.0, AnyMap 7.6.0, AnyGantt 7.6.0. Our team has been working hard to make our products even more aesthetically pleasing, and now all AnyChart charts have a new modern look and design (See the New Look and Theming feature). We have also added a number of other great improvements, and here are the most important of them:
AnyChart 7.6.0 New Features
![]() |
All AnyChart products now support the Theming feature which makes customizing and integrating charts easier. With Theming, you can set similar visual and functional settings for all charts without duplicating your code. Take a look at Gallery samples >> Learn more about Theming >> |
![]() |
Crosshairs are thin vertical and horizontal lines centered on a data point, which are useful when you want to locate a point precisely on your chart or to analyse data by comparing different charts. Take a look at a Gallery sample >> Learn more about Crosshair >> |
![]() |
Pie/Donut Charts are popular, nice-looking, and very easy to understand, and now you can make them even more attractive by adding 3D! Take a look at Gallery samples >> Learn more about 3D Pie Chart >> |
AnyMap 7.6.0 Features
- Choropleth Maps provide an easy way to visualize how a measurement varies across a geographic area.
- Ordinal Color Range looks like several boxes of different colors which depend on the palette chosen according to the type of a map and its data.
- Quantitative Color Range is a bar colored with a gradient, its colors depend on the palette of a map and its data.
- Full Compatibility with other Charts – when you need to show any extra information along with a map – no problem! Use AnyMap with any other charts.
AnyGantt 7.6.0 New Features
- Now a double-click on borders of data grid columns resets their width to the default value.
- Added the ability to draw the Baseline above the Actual, see API Reference for details.
- AnyGantt now supports formatting for Data Grid Columns, see API Reference for details.
AnyChart version history: https://www.anychart.com/products/anychart/history/
AnyMap version history: https://www.anychart.com/products/anymap/history/
AnyGantt version history: https://www.anychart.com/products/anygantt/history/
Trial download: https://www.anychart.com/download/
P.S. The set of ready-to-use maps is rather small for the moment, but we will add about a hundred maps in a week, and then the list will just keep growing.
- Categories: AnyChart Charting Component, AnyGantt, AnyMap, HTML5, JavaScript, News
- No Comments »
AnyMap News and Recap of the Week
July 26th, 2015 by Margaret SkomorokhGood news, everyone! We are putting finishing touches on the new AnyMap HTML5 engine, along with the new version of AnyChart with an amazing Theming Feature: ability to segregate settings and data once and till the end of times (if you wish to) and switch visual presets on-the-fly. And we are going to show the first demo of AnyStock HTML5 next week too.
Also, some interesting stuff we’ve encountered this week and covered on AnyChart Facebook Page:
We’ve noticed Line Charts in Age of Wonders III and Triumph Studios spotted that we were on the tutorial level.
Two great projects from the UK:
- Seeing Data: Making Sense of Data Through Visualisations is a research project which aims to understand how people make sense of data visualisations, the project is headed by Helen Kennedy, Professor of Digital Society at the Department of Sociological Studies, University of Sheffield.
- Compound Interest is a site that aims to take a closer look at the chemical compounds we come across on a day-to-day basis. It also provides graphics for educational purposes, both for teacher and student use. The site is run single-handedly by Andy Brunning, a chemistry teacher based in the UK who creates the graphics for the site in his spare time.
- Categories: AnyChart Charting Component, AnyMap, AnyStock, News
- No Comments »
Recap of the Week – 7/20/2015
July 20th, 2015 by Margaret SkomorokhThis week we have posted the following news on data visualization, data science, and AnyChart:
- This nice animated infographic by CNNMoney shows how the median home in America has changed of the past 40 years.
- Read the article by Explorer (UK) Ltd about AnyChart Pie Charts in Oracle Application Express (APEX).
- On July 23, 2015, a Big Data meeting will be held online. Participation is free, but you need to register in advance. The group is meant to be a hub for those involved in Big Data and Data Science in the world. Meetings will be monthly in online to discuss architecture, challenges, solutions , products and ideas that Big Data companies are facing and to learn from fellow Big Data professionals.
- Check out this animated map showing how Hinduism, Buddhism, Christianity, Judaism, and Islam spread across the world.
By the way, we are going to update AnyChart Maps – AnyMap in a matter of days, it will be a completely new, HTML5-ready JavaScript maps engine.
Stay tuned!
- Categories: AnyChart Charting Component, News
- No Comments »
Recap of the Week – 7/12/2015
July 12th, 2015 by Margaret SkomorokhHere is a quick recap of the interesting information on data visualization, which we have discovered this week – and, of course, of some AnyChart news:
- This incredibly detailed map shows how Europe’s population changed from 2001 to 2011. It is the first ever to collect data published by all of Europe’s municipalities, so it provides a level of detail previously unavailable.
- We have released AnyChart 7.5.1 – a new version of our HTML5 charts with some bugs fixed. Read more on our blog.
- In July 2015, a Coursera course in data visualization is back. This is an excellent opportunity for everyone involved to broaden their knowledge!
- How do you manage a remote team? Read tips from 6 experts (one of them is from AnyChart).
- Categories: AnyChart Charting Component, News
- No Comments »
AnyChart 7.5.1 Available – new version of our HTML5 charts
July 8th, 2015 by Margaret SkomorokhAnyChart 7.5.1, a bug fix release of our HTML5 charts, is now available. This version contains the following changes:
Improvements
- Improved the Animation feature.
Bug fixes
- Fixed the bug with multiple markers in Circular Gauges.
- Solved the issue with the min/max bubble size in Bubble Charts.
- Fixed the bug with Inside Labels incorrect overlapping in Pie Charts.
We are sorry for any inconveniences caused by the bugs. Our team is constantly working to improve AnyChart and achieve the best quality possible. And you’re always welcome to submit any questions to our support system.
AnyChart version history: https://www.anychart.com/products/anychart/history/
Trial download: https://www.anychart.com/download/
- Categories: AnyChart Charting Component, HTML5, JavaScript, News
- 1 Comment »
Sparks & Associates Chooses AnyChart to Visualize Assessment Results using JavaScript pie chart
July 3rd, 2015 by Margaret SkomorokhToday we are glad to publish a new customer success story – about AnyChart and Sparks & Associates.
The Actualized Leadership Profile (ALP) is a 77-item self assessment that measures an individual’s dominant motive need and corresponding style of leadership. Based on the seminal works of Abraham Maslow and David McClelland, the ALP measures the degree of self-actualization that is demonstrated in one’s current style of leadership. A customized, full color and confidential report identifies the strengths and limitations in the individual’s current leadership approach.
The challenge was:
- To provide a creative and intuitive visualization of personal assessment results.
- To create a visualization that accepts result parameters from the system’s existing ASP code.
Solution:
- AnyChart JavaScript (HTML5) component was chosen as a solution. The flexibility of the AnyChart.graphics technology allowed to nest several pie charts and create a multi-level JavaScript pie chart not available from other chart vendors.
- AnyChart provides the flexibility to use customized background visualizations.
You can enjoy the full success story here:
![]() |
Sparks & Associates Sparks & Associates Chooses AnyChart to Visualize Assessment Results >> |
Or see other AnyChart Customer Success Stories.
- Categories: AnyChart Charting Component, HTML5, JavaScript, News, Success Stories
- No Comments »
Top 5 Books about Data Visualization and Charting
June 30th, 2015 by Anton BaranchukEvery 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 »
- Categories: AnyChart Charting Component, Books, Business Intelligence, Dashboards, HTML5, JavaScript, Tufte
- No Comments »
AnyChart 7.5.0 and AnyGantt 7.5.0 Released – new version of our HTML5 charts
June 18th, 2015 by Margaret SkomorokhGood news! Today we have two major releases of our HTML5 charts for our customers: AnyChart 7.5.0 and AnyGantt 7.5.0. In the new versions of our components, you will find the Funnel and Pyramid chart types, Dashbording Tools, the Printing and Animation options, and other significant improvements. Check them out:
AnyChart 7.5.0 New Features
![]() |
Dashboarding Tools The purpose of Dashboarding Tools is to provide simple and convenient instruments for building complex Dashboards. In the current release we present the first part of this set: the ability to highlight/hide series and points, using special methods. See API Reference for more details >> |
![]() |
Printing The new 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. Read more about Printing >> |
![]() |
Animation Most popular charts types – Line, Column, Bar, Area, and so on – are now animated. Animation supports duration settings and start&finish events. Take a look at the Gallery samples >> |
![]() |
Funnel Charts Funnel charts (also called accumulation charts) show percentage ratio. They are often used to represent different stages in sales process and show the amount of potential revenue for each stage. Read more about Funnel Charts >> Take a look at the Gallery samples >> |
![]() |
Pyramid Charts Pyramid charts are used to visualize the hierarchical structure of topics, and progressively ordered quantitative data. Read more about Pyramid Charts >> Take a look at the Gallery samples >> |
AnyGantt 7.5.0 New Features
![]() |
Printing The new printing method allows you to make a full-page print of your chart. It supports eight paper size formats: US Letter, A0 – A6, and the portrait/landscape switch. Read more about Printing >> |
![]() |
Events Events allow to handle such user actions as rowClick, rowMouseOver, rowMouseMove, etc. with the .listen() and .listenOnce() methods. Using this methods, you can override default chart interactivity. |
![]() |
XML/JSON/CSV Data Support The XML and JSON formats can be used for data and settings input; CSV can be used for data input. XML and JSON schemas are available. Learn how you can work with data >> |
![]() |
Summary Tasks Auto-Calculation The actualStart, actualEnd, and progressValue data fields of grouping tasks became optional. If they are missing, auto-calculation is done, based on tasks in the group. Take a look at the Gallery sample >> |
AnyChart version history: https://www.anychart.com/products/anychart/history/
AnyGantt version history: https://www.anychart.com/products/anygantt/history/
Trial download: https://www.anychart.com/download/
- Categories: AnyChart Charting Component, AnyGantt, Dashboards, Gantt Chart, HTML5, JavaScript, News
- No Comments »