Archive for the GraphicsJS

Data Visualization with JavaScript: The Story of AnyChart JS Charts September 7th, 2017 by AnyChart Team

Data Visualization with JavaScript: Product Hunt's No. 1 Hunter Interviews AnyChart's CEOAnyChart is a flexible JavaScript (HTML5) based solution that allows you to create interactive and great looking charts. It is a cross-browser and cross-platform charting solution intended for everybody who deals with creation of dashboard, reporting, analytics, statistical, financial or any other data visualization solutions. AnyChart works everywhere -PCs, Macs, iPhones, iPads, Android devices and helps businesses transform operational data into actionable information.

Kevin William David interviewed Anton Baranchuk, CEO at Anychart to know more.

Read more »


JavaScript Drawing Library GraphicsJS 1.2.0 Released + Introduction from SitePoint May 3rd, 2017 by AnyChart Team

GraphicsJS, our powerful JavaScript drawing library that we open-sourced last year, has recently got an update to version 1.2.0. It is the next best news of 2017, a great addition to winning a Devies Award with GraphicsJS for the category “JavaScript Technologies” and to the 7.13.0/7.13.1 releases of our JS/HTML5 charting solutions AnyChart, AnyStock, AnyMap, and AnyGantt.

So, we invite you to take a very quick look at the most important updates (we’ll highlight the two below). And then – in case you want to feel the real power of JavaScript drawing and have not used GraphicsJS in your business or fun web projects yet – we are sharing a nice article published on SitePoint just recently. It is an introduction to GraphicsJS based on two tutorials. They will guide you through the most valuable features of this JavaScript drawing library and demonstrate them in action, and you’ll learn how to easily create a naïve art picture and a time-killer game.

GraphicsJS, a lightweight and powerful SVG-based JavaScript drawing library by AnyChart

JavaScript Drawing with GraphicsJS: Main Improvements

  • Closure library and Closure compiler were updated to version 20161024.
  • Enjoy an improved JavaScript drawing performance! In particular, we optimized the process of obtaining a link to a container for the stage. Also, resize events are now handled with the help of the Timer object, not the iFrame element.

Now, you are welcome to read the SitePoint article about GraphicsJS. Please do not forget to ask your questions, if any. You may do that by leaving a comment here right below the article.

Read more »


AnyChart Wins 2017 Devies Award for Best JavaScript Technologies (PHOTO) February 14th, 2017 by AnyChart Team

Devies Awards 2017 by DeveloperWeekWe are proud to tell you today that our company AnyChart has won the JavaScript Technologies category at the 2017 Devies Awards! The ceremony took place yesterday in San Francisco, CA, as part of DeveloperWeek, the world’s largest developer conference and expo with 8,000 attendees. Our CEO Anton Baranchuk received the award on behalf of the AnyChart team.

The DeveloperWeek Advisory Board received hundreds of nominations and, of course, thoroughly studied how much we did last year. What excited the judges most was the public release of our JavaScript graphics library GraphicsJS. And they concluded that to be last year’s most notable innovation in JavaScript technologies, exceptionally meaningful to the whole web development community.

The Devies Awards celebrate the most innovative companies in the field of developer technologies across 13 categories. Together with AnyChart, among this year’s winners are industry giants Microsoft and IBM.

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!


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 to open the source code of our charting libraries soon! 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.