September 14th, 2015 by Margaret Skomorokh
Here is a quick recap of the interesting information on data visualization, which we have discovered this week (and posted on AnyChart Facebook Page and Twitter):
- Refugees/Migrants Emergency Response – This interactive infographic from The Office of the United Nations High Commissioner for Refugees (UNHCR) allows to see the scale of the refugee crisis in Europe, migration routes, and more.
- Parable of the Polygons – Parable of the Polygons is a playable segregation simulation based on the work of Nobel Prize-winning game theorist, Thomas Schelling. Play and learn how harmless choices can make a harmful world!
- 11 Awesome Data Visualizations Way Ahead Of Their Time – Explore data visualization history – check out 11 awesome data visualizations way ahead of their time.
September 2nd, 2015 by Timothy Loginov
NOTE: This article tells how to set up the script in Oracle APEX and doesn’t affect AnyChart customers who use AnyChart outside of Oracle APEX.
Oracle Application Express is a web-based application development tool integrated with all editions of Oracle Database. It enables users with limited programming skills to easily develop secure web applications that run inside their Oracle Database, and scale to support tens, hundreds, or thousands of users.
Since Oracle Application Express Release 3.0, AnyChart is used as a charting engine (you can read about this in a success story: Oracle Chooses AnyChart Solution for Latest Release of Oracle® Application Express).
One of the nice features available in AnyChart since version 4.1.0 is the ability to save a Flash chart as an image – in order to make it possible, we have to use a server-side script, which is hosted on the AnyChart.Com site by default (read more about saving charts as images in AnyChart 6).
Federico Bonifazi from Geko Sistemi Informativi s.r.l. shared a solution that allows to save charts as images on the server side. We are very thankful for that and present it here for anyone who wants to do the same. This tutorial is very basic and is not a ready-to-go solution, but it gives the general idea, so you can use it to break ground on your project.
This configuration in based on Oracle Standard Edition on a Linux server, Oracle Rest and Tomcat are used.
Read more »
August 26th, 2015 by Margaret Skomorokh
Data 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.
August 24th, 2015 by Margaret Skomorokh
In this post you will find a recap of the exciting visualizations we have shared with you this week on AnyChart Facebook Page and Twitter:
- Place Poetry – a playful mobile application which enables people to arrange strangely named cities into poems, while simultaneously plotting the location and distance of their journey.
- Solar System of JS – an infographic about JavaScript.
- This neat interactive chart by The Guardian gives you the detailed information about gay rights in the US, state by state. It is definitely an example of a good data visualization (though the information is out-of-date).
- Stuff in Space is a realtime 3D map of objects in Earth orbit. One thing is to know how much stuff there is, and another thing is to see it with your own eyes.
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
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.
August 3rd, 2015 by Margaret Skomorokh
AnyChart Stock 7 is an upcoming addition to new AnyChart 7 HTML5 JavaScript Engine: Financial charting solution that allows to turn your real time data into highly sophisticated charts with interactive capability.
Designed to display large datetime datasets, AnyStock is the ideal tool for client reporting and performance based reporting applications. Reports and Dashboards are visualized with scrolling, drill downs, panning and zoom functionality.
Demo page: https://www.anychart.com/products/anystock/demos/alpha/
What you can see on a demo page is the early Alpha preview of AnyStock, this chart shows dataset of 20.000 points and it usually takes about half a second to be rendered in a modern browser on an average workstation. The title of the chart you see shows results of the real performance benchmark for this chart on your computer.
We are working hard to go into the release stage, polishing all bells and whistles and hoping to make it by September 2015.
New AnyStock will feature amazing speed and all the neat things our customers loved previous versions of in AnyStock, and it will be fully integrated into the new AnyChart 7 Framework and share most of its ideology, settings technique and ease of use – and you will be able to use it along other charts, including those we have in the AnyChart Basic Charts, AnyGantt Gantt Charts and AnyMap HTML5 Maps.
We are convinced that you will be pleased with the result, stay tuned!
July 26th, 2015 by Margaret Skomorokh
Good 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.
July 20th, 2015 by Margaret Skomorokh
This 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!