GraphicsJS ti consente di creare qualsiasi grafica Web che puoi immaginare

API JavaScript personalizzate sono il futuro del web. Il movimento open source accoppiato con Grafica SVG hanno spalancato le possibilità per gli sviluppatori web.

GraphicsJS è una libreria open source gratuita e API JS per costruire grafica personalizzata nei browser web. Può essere usato come un strumento di visualizzazione per i dati grafici, o può essere usato per creare cose interessanti solo per mettersi in mostra.

Nella pagina iniziale, troverai a grande sezione di demo creato con GraphicsJS. E questi esempi graffiano semplicemente la superficie di ciò che è possibile.

La Biblioteca usa il proprio DOM virtuale che è un'astrazione del DOM del browser. Questo è un po ' simile al DOM virtuale di React ed è usato in modo simile.

Dal momento che questa libreria utilizza un clone del DOM, anche questo ha bisogno di veri elementi HTML Lavorare su. Ecco perché usa SVG / VML piuttosto che oggetti incorporati nella tela HTML5.

Questo motore grafico era originariamente integrato nella libreria AnyChart. Da lì, lo è stato pizzicato e open-source come propria API JS.

GraphicsJS supporta tutti i principali browser, anche risalente a IE6 e Chrome 1.0.

Tutto il codice sorgente è disponibile nel repository GitHub in cui è possibile scaricare una copia e dare un'occhiata se si ha tempo. Ma penso che il modo migliore per imparare sia immergersi in prima persona.

Puoi sfogliare il Documenti API ma di solito trovo questi documenti superflui. I documenti vengono utilizzati al meglio quando è necessario trova un metodo specifico o una chiamata API fare riferimento.

Se stai appena iniziando puoi farlo visitare il parco giochi ospitato sul sito Web di AnyChart. Questo è un bel posto da trovare esempi di codice funzionante per rompere la sintassi.

Oppure, se vuoi davvero iniziare con una piazza allora la Guida di partenza di GraphicsJS può aiutare. Questo è più simile al “ufficiale” documentazione in modo che ti tenga la mano per a curva di apprendimento più fluida rispetto ai documenti API.

Ad ogni modo, mi piace che GraphicsJS sia stato aperto e rilasciato nella comunità degli sviluppatori. È lontano da una libreria perfetta, ma è uno dei migliori che abbiamo creazione di grafica SVG personalizzata da zero.

E per far girare le tue marce, sotto puoi vedere un esempio di cosa puoi costruire con Graphics.js.