Chat with us, powered by LiveChat

Archive for April, 2016

AnyChart JS Framework 7.10.0 Released

April 28th, 2016 by Margaret Skomorokh

Good news! We have released AnyChart 7.10.0 , AnyStock 7.10.0, and AnyMap 7.10.0. Enjoy the cool new features that have been added to the updated version of our JS framework:

AnyChart 7.10.0 New Features

AnyChart TreeMap Chart 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 TreeMap Chart in the Gallery >>
Learn more about TreeMap Chart Chart >>
AnyChart Themes 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.
Take a look at Themes Demo >>
Learn more about Themes >>
Save as Excel/CSV/XML/JSON in AnyChart JS Framework 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 (CSV), saveAsXlsx (Excel), saveAsXml(XML), and saveAsJson (JSON).
Learn more about Export functions >>
Chart Statistics in AnyChart JS Framework 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.
Learn more about Chart Statistics >>
Context Menu in AnyChart JS Framework 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.
Learn more about Context Menu >>
Keep/Exclude Data Point in AnyChart JS Framework 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.
Learn more about Keep only/Exclude Data Point >>
Improvements for AnyChart 3D Charts Improvements for 3D Charts
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 >>
Learn more about 3D Charts >>

AnyStock 7.10.0 New Features

10 New Series Types in AnyStock JS Framework 10 New Series Types
Candlestick, Spline, Step Line, Area, Step Area, Spline Area, Marker, Range Column, Range Area, and Range Spline Area series are now available in Stock Charts. All these series can be used in the scroller and technical indicators.
Take a look at Stock Chart types in the Gallery >>
Learn more about Stock Chart types >>
Data Grouping in AnyStock JS Framework Data Grouping
Two new important settings for data grouping are now available: setting maximum number of visible points (the maxVisiblePoints method) and minimum number of pixels per point (the minPixPerPoint method). We have also made it possible to tune data grouping levels.
Learn more about Data Grouping >>
Legend Interactivity in AnyStock JS Framework Legend Interactivity
AnyStock Legend can now be used to show/hide series in Stock Plots and properly handle the mouseClick event. It can be customized using the preventDefault method.
Learn more about Legend Interactivity >>

AnyMap 7.10.0 New Features

AnyMap Dot (Point) Map Dot (Point) Map
The Dot (Point) Map series type has been added to AnyMap. It has the widest application range: showing cities, points of interest, events, creating density maps, and more. In the Dot Distribution Map (also known as Dot Density Map), a dot symbol shows the presence of a feature or phenomenon. Dot maps rely on visual scatters to demonstrate spatial patterns. With AnyMap, you can work with any of predefined marker types, code your own type, or use an image.
Take a look at Dot/Point Maps in the Gallery >>
Learn more about Dot/Point Maps >>
AnyMap Connector Map Connector Map
The Connector Map series type has been added to AnyMap. Connector Maps can be used used to create Flight Maps, Route Maps, Demarcation Maps, and in many other cases.
Take a look at Connector Maps in the Gallery >>
Learn more about Connector Maps >>
Drill Down in AnyMap JS Framework Drill Down
Now you can change detalization level using the Drill Down feature. Source map settings can be preserved when you drill down, or completely reset if needed.
Take a look at Drill Down >>
Learn more about Drill Down >>
Common Map Projections in AnyMap JS Framework Common Map Projections
Now you can show any map in one of the following projections: Aitoff, August, Bonne, Eckert1, Eckert3, Equirectangular, Fahey, Hammer, Mercator, Orthographic, Robinson, Wagner6, and Wsg84. Please be careful when you change the projection – be aware of how map projections work and when it is appropriate to use them.
Take a look at Common Map Projections in the Gallery >>
Learn more about Common Map Projections >>

AnyChart version history:
AnyStock version history:
AnyMap version history:
Trial download of our JS framework:

JavaScript Donut Charts: No Problems with Hole Size

April 22nd, 2016 by Margaret Skomorokh

How was the science of data visualization born? Maybe like this:

Size of the donut hole (vintage chart)
Sally L. Steinberg Collection of Doughnut Ephemera, Archives Center, National Museum of American History

We have no idea what it is and who it is, but this image is a part of Sally L. Steinberg Collection of Doughnut Ephemera of the Smithsonian Institution. You can read about the collection here and here. It includes a lot of nice pieces like this vintage donut-related infographic:

Donut machine (vintage infographic)
Sally L. Steinberg Collection of Doughnut Ephemera, Archives Center, National Museum of American History

So, does the mysterious chart tell the truth? Has donut hole size really shrunk over the years? It seems that this question is of great public interest! It is thoroughly discussed in this article on Have donut holes gotten smaller? There is also a fierce discussion on Reddit, where one of the participants wisely notes that “1927 was a sad time to be alive”.

However, our customers should not worry: when you work with AnyChart JavaScript donut charts, you can easily configure the size of the hole! Visit our Gallery to see some samples of our donut charts.

With AnyChart, you can create highly customized interactive donut charts like this one:

This chart was used in our Investment Portfolio Dashboard – we wrote about it earlier: Investment Portfolio Dashboard by AnyChart Charting Framework.

Stay tuned, we have something to say about pie charts too!

AnyChart Charting Framework 7.10.0 Coming Soon

April 16th, 2016 by Margaret Skomorokh

Releases announced on our site – AnyChart, AnyStock, and AnyMap 7.10.0 – will be available by the end of April; we are working hard to release the new version of our charting framework as soon as possible. A lot of great and long-awaited features will be added.

In the new version of AnyChart, you will find:

  • TreeMap Charts
  • Save as Excel/CSV
  • Keep Only/Exclude Data Point
  • Context Menu

AnyStock will be updated with:

  • Common Chart Types (Candlestick, Spline, Area, Marker, and more)
  • Legend Interactivity
  • Data Grouping Settings

Finally, the following features will be added to AnyMap:

  • Dot/Point Maps
  • Drill Down
  • Points Connection

AnyChart is a robust JavaScript/HTML5 charting framework combining all major features you need. And we do our best to improve our products even more.

By the way, this week we have posted on AnyChart Facebook Page and in Twitter some interesting data visualizations:

  • The NYPL Map Warper is a tool for digitally aligning (“rectifying”) historical maps from the The New York Public Library’s collections to match today’s precise maps. Visitors can browse already rectified maps or assist the NYPL by aligning a map.
  • How the Rest of the Delegate Race Could Unfold – This interactive delegate calculator by The Upshot lets you simulate how the Republican and Democratic nominating contests could unfold. Adjust the sliders to see how the outcomes can change (each line in the charts represents one possible outcome). The calculator uses each state’s delegate allocation rules, along with estimates of how favorable each district is for each candidate. To compute these estimates, Upshot used a model based on demographics and results from past primaries and caucuses.
  • Markov Chains Explained Visually – Enjoy this interactive visual explanation of Markov Chains. In addition, you can use a Markov chain “playground” to make your own Markov chains by messing around with a transition matrix! Markov chains, named after Andrey Markov, are mathematical systems that hop from one “state” (a situation or set of values) to another.

HTML5 Gauge by AnyChart and More

April 8th, 2016 by Margaret Skomorokh

Have you seen data visualizations (including an HTML5 Gauge by AnyChart) that we have shared this week on AnyChart Facebook Page and in Twitter? Here is a quick recap of these posts:

  • The Speed of a Unicorn – Do you believe in magic? And do you know where the fastest unicorns live? To find out, check out this interactive data visualization by Fleximize. (Unicorns are rare beasts of the business world, startup companies that are valued at $1B or more. Once considered the stuff of myth, there are now over 180.)
  • How Machines Destroy (And Create!) Jobs, In 4 Graphs – For hundreds of years, people have been talking about machines taking jobs from people. Less often discussed: machines creating new jobs. See 4 graphs on NPR demonstrating how machines influence the job market. All in all, technology gives, and technology takes.
  • Vienna electorate poster – This elegant data-driven infographic illustrates Vienna’s electorate gap related to the increasing number of foreign nationals who are usually ineligible to vote in citywide or national elections. How did the share of foreign nationals in Vienna evolve since 1971? What are the changes of the total population in relation to changes in the electorate since 2002? Are there any significant differences by age? The poster provides answers to these questions – district by district.
  • Solid Gauge (an HTML5 gauge by AnyChart) – Is it a Pie Chart? Is it a bar chart? No! It is an interesting way to use Circular Gauge by AnyChart to show manufacturing process. Circular Gauge is a visual representation of a measuring device with radial axes that sweep any angle from 0 to 360 degrees and pointers (Needles, Knobs, Markers) that indicate values. Circular Gauges can look like speedometers, clocks, compasses, volume controls, or any other similar tools.

WinLoss (JavaScript Sparkline chart by AnyChart) and More

April 2nd, 2016 by Margaret Skomorokh

This week we have posted on AnyChart Facebook Page and in Twitter the following data visualizations (including WinLoss – a JavaScript Sparkline chart by AnyChart):

  • FBI vs Apple Map – Want to know where your state sides on the Apple vs FBI debate? Check its voting record. While the FBI and Apple case is on hiatus until April 5, the public debate rages on about whether Apple should assist the FBI in unlocking the San Bernadino shooter’s iPhone. Turns out, it’s pretty easy to find out if your state supports Apple or the FBI: just look at its voting results from the 2012 presidential election. This map on The Next Web clearly demonstrates the correlation.
  • The SORTING project by Carlo Zapponi is an attempt to visualize and help to understand how some of the most famous sorting algorithms work. This project provides two standpoints to look at algorithms, one is more artistic, the other is more analytical aiming at explaining algorithm step by step.
  • Who is the oldest person in the world? What are the worst games ever made? What is the best way to visualize data on marijuana laws? Enjoy this selection of 47 weirdest charts from 2015 (picked up FiveThirtyEight), and you will learn everything you need and do not need to know!
  • WinLoss (JavaScript Sparkline chart by AnyChart)Sparklines are small charts: lines, areas, or columns without labels and any decorations. They can be intertwined with text or placed into table cells. While most of chart types are aimed to present as much data as possible, sparklines is a way to focus on the main point of interest and create a compact data visualization. These charts are good at showing a general shape of any measurement; there is also a special type of Sparklines (called WinLoss) that is used predominantly for scores in sports and games. It shows no values but positive and negative positions. Here we see a score table for English football teams. The first and second columns contain the numbers of the teams and their names, the two next columns contain win and loss scores, and in the fifth column, which is the widest, there are WinLoss SparkLines. Negative values are colored in red, and positive ones are blue. The last column contains the percentage of victories.