Archive for the Financial charts

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!


AnyChart Open-Sources Powerful, Draw-Anything JS Graphics Library GraphicsJS September 15th, 2016 by AnyChart Team

It is a pleasure for us to announce this today! We have just launched GraphicsJS, a free, open-source, lightweight JavaScript library which allows you to draw any JS graphics and animation for your HTML5 projects very easily. It is significantly more powerful and feature-rich than Raphaël, BonsaiJS, and other formerly leading SVG/VML graphics solutions.

GraphicsJS - free open-source JS graphics library for easily drawing anything (HTML5)

GraphicsJS has always been the graphics engine that our JavaScript (HTML5) charting libraries are built on – AnyChartAnyStock, AnyGantt, and AnyMap. As a result, it already powers data visualization activities for many of you – Oracle, Microsoft, Volkswagen, AT&T, Samsung, BP, Bosch, Merck, Reuters, Bank of China, Lockheed Martin, and thousands of all the other highly respected AnyChart’s customers including more than 70% of Fortune 1000 companies.

Of course, data visualization is not the only but just one of multiple fields where the library of GraphicsJS can be helpful and even essential. Generally speaking, this solution can help you produce virtually anything graphical from scratch: static and animated images, cartoons, games, interactive infographics, mind maps, and many other amazing things in HTML5.

Key Features of JS Graphics Library

  • Mighty line drawing abilities – Bézier curves, arcs, rectangles, and many other kinds of forms and deformations.
  • Powerful text manipulation features – multiline texts, measurement, including width, height, as well as wrap, overflow, indent, spacing, align, etc.
  • Virtual DOM for drawing fast and only what is necessary.
  • Smart layering system with z-index.
  • Transformation engine – embarrassing in-browser transformations are not used.
  • Legacy browser support (Internet Explorer 6+).
  • Concise and convenient JavaScript API with chaining support.

By the way, making our graphics engine open-source is just the beginning as – we are also pleased to tell you – AnyChart is going fully open-source! We believe that our great developments in the fields of graphics and data visualization should be even more visible and reachable to any programmer from any part of the world, not to mention that we would love to allow the community to contribute.

Please refer to GraphicsJS.org to learn more about GraphicsJS. As always, the demos are available on our Playground (Graphics section). Also, let’s not forget about the Graphics Documentation and Graphics API Reference.

What’s more, the GraphicsJS library and all relevant samples can be freely downloaded and forked on GitHub.


AnyChart Charting Library 7.11.1 Available September 2nd, 2016 by Margaret Skomorokh

A hotfix for AnyChart charting library is now available: we have released AnyChart, AnyMap, AnyGantt, and AnyStock 7.11.1. Here is a full list of improvements and bug fixes:

All Products

Improvements

  • Legend width/height behavior improved.
  • Scatter Series behaviour made consistent with other series.
  • Credits behaviour improved.
  • The appendTheme() method added for easier management of themes.
  • Beta version of the Data Adapter Module added for easier management of external files.
  • Export Server can now return images as base64 strings or as shareable links.

Bug Fixes

  • XML Schema validity problems fixed.
  • Various minor Export Server issues fixed.
  • Various minor Interactivity issues fixed.
  • Inconsistent zIndex behaviour fixed.
  • Various XML serialization/deserialization fixed.
  • Various JSON serialization/deserialization fixed.
  • The toXML() deserialization method no longer adds unnecessary data into XML.

AnyChart

Improvements

  • Circular Gauge Ranges and Axis Bar can now be properly rounded.

Bug Fixes

  • Pie events fixed.
  • Funnel Chart label placement algorithm fixed.
  • Series on/off problems fixed.
  • 3D Chart events fixed.
  • Context Menu in Linear Gauges fixed.
  • Series Legend Interactivity issues fixed.
  • Seat Map labels fixed.
  • Legend Interactivity issues fixed.
  • Issues with Ordinal Axis Labels fixed.
  • Circular Gauge Gradient display issues fixed.
  • Tree Map coloring issues fixed.
  • Range Marker issues fixed.

AnyMap

Bug Fixes

  • The remove() method problems fixed.

AnyGantt

Bug Fixes

  • Problems with inheritance of PERT Chart settings fixed.
  • PERT Chart export CSV issues fixed.

AnyStock

Improvements

  • Overall Performance improved, especially in Firefox.

AnyChart version history: http://anychart.com/products/anychart/history/
AnyMap version history: http://anychart.com/products/anymap/history/
AnyGantt version history: http://anychart.com/products/anygantt/history/
AnyStock version history: http://anychart.com/products/anystock/history/

Trial download of AnyChart charting library: http://anychart.com/download/


JS Candlestick Chart by AnyStock and More June 28th, 2016 by Margaret Skomorokh

Last week we have shared with you on AnyChart Facebook Page and in Twitter the following data visualizations (including a JS Candlestick chart by AnyStock):

  • Explore the world with Tim Peake – Use this map to explore ESA astronaut Tim Peake’s stunning photos of Earth, taken from the International Space Station during his six month mission (created by Esri UK). You will find photos of London, Ethiopia, New Orleans, and many other places, all of them looking great from space!
  • ThermalPlot – Multi-attribute time-series data plays a vital role in many different domains. An important task when making sense of such data is to provide users with an overview to identify items that show an interesting development over time. However, this is not well supported by existing visualization techniques. ThermalPlot is a technique allowing to visualize multi-attribute time-series data using a thermal metaphor, which helps users to find items that are important (Team: Johannes Kepler Universität, St. Pölten University of Applied Sciences).
  • Understanding Millenial Moviegoers – This infographic by the theatrical analytics company Movio reveals the truth about millennial moviegoing. There are some bad news for art-house and indie filmmakers hoping to get young people into the theater: according to these data, the younger millennials are 45% less inclined to see a drama and 52% less interested in an indie film.
  • JS Candlestick Chart by AnyStock – A Japanese Candlestick chart is a combination of a line chart and a bar chart used primarily to describe price movements of an equity over time, where each bar represents the range of price movement over a given time interval. It is mostly used in technical analysis of equity and currency price patterns. The interactive Candlestick chart you see here was created using AnyStock – a JavaScript-based financial charting solution by AnyChart.

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.