GraphicsJS Memungkinkan Anda Membuat Graf Web Sebarang Anda Boleh Bayangkan

API JavaScript Custom adalah masa depan web. The pergerakan sumber terbuka ditambah pula dengan Grafik SVG telah melancarkan kemungkinan untuk pembangun laman web.

GraphicsJS adalah perpustakaan sumber terbuka percuma dan API JS untuk membina grafik tersuai dalam pelayar web. Ia boleh digunakan sebagai alat visualisasi untuk data grafik, atau ia boleh digunakan untuk membuat barangan sejuk hanya untuk menunjukkan.

Di halaman utama, anda akan dapati seksyen demo yang besar dicipta dengan GraphicsJS. Dan contoh-contoh ini hanya menggaru permukaan apa yang mungkin.

Perpustakaan menggunakan DOM maya sendiri yang merupakan abstraksi DOM pelayar. Ini agak serupa dengan DOM maya React dan ia digunakan dengan cara yang sama.

Oleh kerana perpustakaan ini menggunakan klon DOM, ia juga memerlukan elemen HTML sebenar untuk bekerja. Itu sebabnya menggunakan SVG / VML bukannya objek tertanam dalam kanvas HTML5.

Enjin grafik ini adalah asalnya dibina ke perpustakaan AnyChart. Dari sana, itu tweaked dan sumber terbuka sebagai API JS sendiri.

GraphicsJS menyokong semua pelayar utama, bahkan sejak kembali ke IE6 dan Chrome 1.0.

Semua kod sumber boleh didapati di repo GitHub di mana anda boleh memuat turun salinan dan mencucuk sekitar jika anda mempunyai masa. Tetapi saya fikir cara terbaik untuk belajar adalah menyelam di kepala pertama.

Anda boleh menyemak imbas melalui Dokumen API tetapi saya biasanya mendapati dokumen ini tidak diperlukan. Dokumen yang terbaik digunakan apabila anda perlu mencari kaedah tertentu atau panggilan API untuk rujukan.

Sekiranya anda baru bermula, anda boleh melawat taman permainan dihoskan di laman web AnyChart. Ini adalah tempat yang bagus untuk mencari contoh kod kerja untuk memecahkan sintaks.

Atau, jika anda benar-benar mahu memulakan dengan satu persegi maka itu Panduan permulaan GraphicsJS boleh tolong. Ini lebih menyerupai “rasmi” dokumentasi supaya ia akan memegang tangan anda untuk keluk pembelajaran yang lancar berbanding dokumen API.

Sama ada cara, saya suka bahawa GraphicsJS terbuka dan dibebaskan ke dalam komuniti pemaju. Ia jauh dari perpustakaan yang sempurna tetapi ia adalah salah satu yang terbaik untuk kita mewujudkan grafik SVG adat dari awal.

Dan untuk mendapatkan gear anda beralih, di bawah ini anda dapat melihat sampel apa yang anda boleh membina dengan Graphics.js.