GraphicsJS

A lightweight JavaScript graphics library with an intuitive API, based on SVG/VML technology.

Getting Started

Samples of the things you can easily create using GraphicsJS

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.

O guia de usuário contém centenas de documentos pesquisáveis, organizados em uma navegação em árvore. Os artigos abrangem todos os principais tópicos sobre os recursos dos componentes do AnyCHart. Links para outros tutoriais, API e Galeria de gráficos são fornecidos quando necessário.

O JavaScript API lista todas as propriedades e os métodos disponíveis. Cada método vem com amostras que você pode executar e inspecionar no Playground.

Todas as amostras de gráficos em JS interativos usados na Documentação, Referência de API e Chartopedia do AnyChart. Aqui, você pode brincar com o JavaScript e todo o código-fonte em HTML, assim como modificar livremente qualquer exemplo, executá-lo, etc.

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.

Supported Browsers