GraphicsJS | AnyChart

Getting Started

Samples of the things you can easily create using GraphicsJS

Bunny | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Puzzle | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Bender | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Animals Activity | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Pseudo-3D | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Tree | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Galaxy | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Bonfire | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Rain | Graphics | Robust JavaScript/HTML5 charts | AnyChart

Features

Awesome JavaScript API - based on Layers logic and combined with easy-to-use primitives, GraphicsJS API allows you to build any visualization you can imagine.

Rich Text features - you can control text wrap, text overflow, text indent, line height, letter spacing, vertical and horizontal align inside SVG/VML output produced by GraphicsJS.

Virtual DOM is an abstraction of the HTML DOM. It is lightweight, detached from the browser-specific implementation details and provides better rendering performance.

Works all around the world As part of AnyChart products, GraphicsJS has been tested on all devices and browsers - Windows PCs, Apple Macs, iPhones, iPads, Android devices. It works everywhere, including IE 6.

Documentation

There are three ways to study GraphicsJS: read articles in the Documentation, browse methods and samples in the API, and study samples in the Playground. As GraphicsJS comes from AnyChart, you may encounter samples where it is called "Anychart Graphics" and where the anychart.graphics namespace is used instead of the acgraph namespace. Don't be alarmed or confused: GraphicsJS is free and open, and you don't need to worry about licensing. Always use the acgraph namespace and you will have no problems whatsoever. We are working hard on detaching GraphicsJS API and Documentation from AnyChart API and Documentation and expect it to be done in a matter of weeks.

guide

General User's Guide

User's guide contains hundreds of searchable documents organised with a tree navigation. Articles cover all the main topics about AnyChart component features. Links to other tutorials, API, and Chart Gallery are provided when needed.

{ api}

JavaScript API Reference

JavaScript API Reference lists all available properties and methods. Each method comes with samples you can run and inspect in the Playground.

code

Playground

Where it comes from?

For many years GraphicsJS serves as the graphics engine for AnyChart data visualization products. So it is already battle-tested in thousands of web sites all over the world. You can find it in products and solutions of many Fortune 500 companies.

AnyChart AnyStock AnyMap AnyGantt

Supported Browsers


6.0+	2.0+	1.0+	4.0+	9.0+	3.0+	3.0+ *


6.0+	2.0+	1.0+	4.0+


9.0+	3.0+	3.0+ *