Buat Carta Data Dikuasakan JavaScript Dengan Billboard.js

Grafik dan visual memainkan peranan penting dalam meningkatkan kandungan web. Dengan teknologi moden, sangat mudah untuk menambah visual tersuai seperti ikon SVG ke halaman anda.

Tetapi satu lagi visual yang mengejutkan anda boleh membina dari awal ialah carta web.

Ini boleh membantu anda graf data secara visual jadi pelawat anda boleh dengan cepat melengkapkan maklumat yang berkaitan. Dan daripada mengetik grafik sendiri, anda boleh menggunakan perpustakaan seperti Billboard.js untuk melakukan semua pengangkat berat.

Ini sebenarnya dibina di atas D3 yang merupakan perpustakaan visualisasi data JavaScript. Ia dengan mudah menjadi yang paling popular di luar sana menjadikannya kebergantungan paling selamat yang anda boleh meminta.

Dengan Billboard.js anda boleh mengakses API D3 dengan cepat dan mudah. Matlamat utama Billboard ialah kemudahan penggunaan, menjadikannya mudah untuk sesiapa sahaja. Walaupun ia membantu untuk mempunyai pengalaman dengan JavaScript, anda tentu tidak perlu menjadi pakar.

Hanya perhatikan seluruh pangkalan data menggunakan sintaks ES6 yang boleh mengelirukan kepada dev dev tidak berpengalaman.

Selagi awak tahu bagaimana untuk mengumpul kod anda harus baik-baik saja. Kami sebenarnya meliputi beberapa ciri panas dari ES6 jika anda mahu mengetahui lebih lanjut.

Semua butiran teknikal mengenai plugin ini mungkin kelihatan bagus. Tetapi anda mungkin hanya ingin tahu apa yang boleh dilakukan.

Lihat halaman demo dan klik beberapa contoh langsung.

Anda akan mendapati segalanya dari graf pai untuk menyebarkan petak dan graf bar animasi tersuai.

Dengan Billboard.js anda ada kawalan penuh ke atas data anda. Anda mengawal bagaimana ia muncul di halaman, bagaimana ia berstruktur, dan jenis ciri UI / UX yang anda tambah (jika ada).

Ia benar-benar sebuah perpustakaan carta yang hebat dan ia adalah salah satu yang paling mudah untuk dijemput. Lihatlah repo GitHub projek untuk mengetahui lebih lanjut.

Anda juga boleh menggali coretan ini pada CodePen jika anda mahu mainan dengan kod dalam penyemak imbas anda.