AnyChart Launches GraphicsJS — Powerful, Draw-Anything JS Library for Graphics and Animation

It is free, open-source, and better than Raphael and BonsaiJS.

GraphicsJS — free open-source JS graphics library by AnyChart

We are proud to announce the launch of 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 has always been the graphics engine that our JavaScript (HTML5) charting libraries are built on — AnyChart, AnyStock, 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.

For example, you can draw Futurama’s Bender with GraphicsJS (the demo is animated, but the GIF we had made appeared no good here on Medium, so please click the image to see Bender live):

And a bonfire:

And nice 3D-looking pictures:

Anything. Really.

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.

Enjoy our GraphicsJS!

(Originally published at www.anychart.com/blog on September 15, 2016.)

Cross-platform JavaScript/HTML5 data visualization solutions, flexible JS charts libraries & Qlik Sense extensions for all your dataviz needs: www.anychart.com

Cross-platform JavaScript/HTML5 data visualization solutions, flexible JS charts libraries & Qlik Sense extensions for all your dataviz needs: www.anychart.com