GraphicsJS permite criar qualquer gráfico da Web que você possa imaginar
APIs JavaScript personalizadas são o futuro da web. o movimento de código aberto acompanhado de Gráficos SVG abriram as possibilidades para desenvolvedores web.
GraphicsJS é uma biblioteca de código aberto gratuita e JS API para construindo gráficos personalizados em navegadores da web. Pode ser usado como ferramenta de visualização para dados gráficos, ou pode ser usado para fazer coisas legais apenas para mostrar.
Na home page, você encontrará um grande seção de demos criado com GraphicsJS. E esses exemplos apenas arranham a superfície do que é possível.
A biblioteca usa seu próprio DOM virtual que é uma abstração do DOM do navegador. Isso é um pouco semelhante ao DOM virtual de React e é usado de maneira semelhante.
Como esta biblioteca usa um clone do DOM, também precisa de elementos HTML reais trabalhar em. É por isso que usa SVG / VML em vez de objetos incorporados na tela HTML5.
Este motor gráfico foi originalmente construído na biblioteca AnyChart. De lá, foi mexido e open-source como sua própria JS API.
GraphicsJS suporta todos os principais navegadores, mesmo remontando ao IE6 e ao Chrome 1.0.
Todo o código-fonte está disponível no repositório do GitHub, onde você pode baixar uma cópia e pesquisar se tiver tempo. Mas eu acho que a melhor maneira de aprender é mergulhar de cabeça.
Você pode navegar pelo Docs de API mas eu costumo achar esses documentos supérfluos. Os documentos são mais usados quando você precisa encontrar um método específico ou uma chamada de API referenciar.
Se você está apenas começando, você pode visite o parquinho hospedado no site da AnyChart. Este é um bom lugar para encontrar amostras de código de trabalho para quebrar a sintaxe.
Ou, se você realmente quer começar com um quadrado, então o Guia inicial do GraphicsJS pode ajudar. Isso é mais parecido com o “oficial” documentação por isso vai segurar sua mão por um curva de aprendizado mais suave em comparação com os documentos da API.
De qualquer forma, eu adoro o fato de o GraphicsJS ter sido aberto e liberado para a comunidade de desenvolvedores. Está longe de ser uma biblioteca perfeita, mas é uma das melhores que temos para criando gráficos SVG personalizados a partir do zero.
E para fazer suas engrenagens girarem, abaixo você pode ver uma amostra do que você pode construir com o Graphics.js.