Hello Charts Meluncurkan Pengalaman Pembuatan Bagan Asli untuk Editor Blok

Luke Carbis dan Rob Stinson, dua dari tiga orang tim Block Lab yang diambil WP Engine pada tahun 2020, kembali bersama dalam sebuah proyek baru. Kali ini, mereka bergabung dengan Byron Keet. Ketiganya mengambil ruang grafik WordPress melalui serangkaian blok bernama Hello Charts.

“Beberapa orang meluncurkan penawaran pada Black Friday,” tulis tim minggu lalu hanya dalam tweet keduanya sejak Juli. “Kami meluncurkan seluruh produk!”

Carbis menunjukkan bahwa tim berusaha untuk membuat plugin asli editor blok. Tidak ada layar admin atau halaman pengaturan, dan pengguna hanya bekerja dari editor.

Materi pemasaran di beranda situs web mengklaim bahwa Hello Charts adalah “pengedit blok pertama yang dibuat plugin grafik pertama.” Namun, SB Charts telah ada selama hampir satu tahun, dan Chart Block mendarat di direktori plugin WordPress beberapa minggu yang lalu. Charts Blocks untuk Gutenberg, yang mendukung impor CSV, mendapatkan rilis awal setengah tahun yang lalu tetapi belum diperbarui sejak itu.

Klaim menjadi yang pertama, mungkin, merupakan kesalahan dalam pemasaran. Satu-satunya alasan saya segera melihatnya adalah karena saya telah mengawasi plugin serupa untuk sementara waktu, berharap menemukan solusi grafik yang layak untuk editor blok. Meskipun Hello Charts mungkin secara teknis bukan yang pertama mendarat, ia menawarkan pengalaman pengguna terbaik.

Untuk kebanyakan kasus, saya mengandalkan grafik batang dan garis. Namun, plugin ini menawarkan total lima jenis blok:

• Grafik batang
• Bagan Garis
• Pie chart
• Bagan Area Kutub
• Bagan Radar

Masing-masing bekerja hampir sama saat memasukkan data dan menyesuaikan output. Ada beberapa opsi dan kontrol yang khusus untuk setiap jenis. Plus, pengguna dapat mengubah dari satu blok grafik ke yang lain dan kembali lagi dengan mengklik tombol tanpa kehilangan data.

Setelah membiasakan diri dengan opsi, saya membuat grafik data penjualan produk tiga tahun per bulan. Saya mulai dengan Blok Bagan Batang, yang paling masuk akal. Setiap blok memiliki tombol “Edit Data Bagan”. Mengkliknya akan membuka hamparan di layar yang berfungsi seperti program spreadsheet biasa.

Pengguna dapat tab melalui setiap sel, menambahkan data dan membuat set data atau baris baru. Ada pilihan untuk menduplikasi dataset atau menambahkan yang baru sebelum/sesudah dengan mengklik tombol elipsis. Semuanya terasa mudah bagi seseorang yang tidak menghabiskan banyak waktu bekerja dengan perangkat lunak spreadsheet sejak kelas komputer sekolah menengah.

Setelah beberapa menit, saya memiliki diagram batang. Yang perlu saya lakukan hanyalah menyesuaikannya untuk menggunakan warna tema saya.

Opsi penyesuaian plugin sangat banyak tetapi cukup seimbang untuk tidak menjadi sombong. Saya hanya ingin agar sesuai dengan desain tema saya tanpa banyak keributan, dan tidak butuh waktu lama untuk mewujudkannya.

Saya menambahkan blok Bagan Garis ke editor menggunakan data saya yang ada. Satu-satunya penyesuaian yang perlu saya lakukan adalah opsi "Kurva". Saya ingin garis saya terlihat lurus bukannya mengalir dalam gelombang. Saya sudah bertanya-tanya apakah tim telah memikirkan segalanya sebelum saya tahu saya membutuhkannya pada saat itu.

Untuk ukuran yang baik, saya menguji blok Pie Chart. Ini adalah jenis bagan yang kadang-kadang saya gunakan. Secara keseluruhan, ia tampil sebaik yang lainnya.

Fitur yang saya lewatkan adalah mencetak data untuk setiap segmen pai di layar. Data tersedia melalui popup saat mengarahkan kursor atau fokus, tetapi pengunjung tidak dapat melihat semua data segmen sekaligus.

Memang, saya tidak menghabiskan banyak waktu dengan Blok Polar Area Chart dan Radar Chart. Pengalaman saya dengan mereka tidak ada dalam skenario dunia nyata, jadi saya tidak memiliki pemahaman yang kuat tentang apakah ada fitur yang mungkin diinginkan orang lain. Saya hanya menguji mereka untuk memastikan mereka bekerja. Seperti blok lain di set, saya tidak mendapatkan masalah.

Saya ingin melihat opsi judul atau keterangan terintegrasi ke dalam blok plugin. Namun, keduanya mudah ditambahkan dengan blok Heading atau Paragraph. Untuk mencocokkan latar belakang, membungkus dalam blok Grup membantu, seperti yang ditunjukkan pada tangkapan layar berikut:

Beberapa fitur sambutan lainnya adalah opsi warna untuk garis sumbu X dan Y dan teks data bersama dengan dukungan celah blok atau margin. Jarak legenda meninggalkan sedikit yang diinginkan, sering menyeruduk terlalu dekat dengan output grafik. Ini memiliki beberapa opsi pemosisian, tetapi membutuhkan spasi ekstra, terutama ketika berada di bagian atas atau bawah.

Secara keseluruhan, saya tidak dapat menemukan banyak hal untuk dikeluhkan. Hello Charts adalah plugin yang saya sarankan kepada siapa saja yang membutuhkan solusi grafik yang berfungsi seperti itu dibangun untuk sistem blok WordPress.

Alur Pembelian dan Pengaturan

Anda bisa mendapatkan sedikit jarak tempuh dari plugin blok gratis saat ini, tetapi Hello Charts sepadan dengan peningkatan harga. Bahkan mungkin terlalu murah untuk nilainya. Jika tim membangun impor CSV, itu akan menjadi pencurian langsung.

Pengguna dapat membeli lima jenis blok individu seharga $4 secara individual atau meningkatkan untuk mendapatkan semuanya seharga $16. Ini menawarkan pembaruan seumur hidup untuk satu situs tanpa dukungan. Ada tingkat $ 199 yang lebih tinggi untuk situs tanpa batas dan satu tahun dukungan.

Hanya ada satu plugin yang harus diinstal pengguna. Setiap jenis blok dibundel dalam plugin. Pengguna secara teknis membeli kunci lisensi untuk mengaktifkan masing-masing.

Carbis menawari saya kode diskon untuk menguji cara kerja alur pembelian ini dan memberikan umpan balik. Tim ingin mengambil rute yang berbeda dengan blok pembelian. Alih-alih membuat kesepakatan semua-atau-tidak sama sekali untuk pengguna, mereka dapat membeli apa yang sebenarnya mereka butuhkan. “Jadi kalau butuh diagram batang, beli saja blok diagram batang,” kata Carbis. "Atau Anda bisa mendapatkan semua jenis grafik sebagai satu set."

Saya tidak punya masalah melalui alur pembelian. Saya mulai dengan Bar Chart, blok yang akan saya butuhkan lebih sering daripada yang lain. Kemudian, saya meningkatkan ke seluruh set.

Satu-satunya masalah yang saya alami pada awalnya adalah mencari cara untuk mengaktifkan lisensi karena plugin tidak memiliki halaman pengaturan. Bidang lisensi sebenarnya ada di layar admin Plugin.

Kelemahan memiliki lisensi terpisah untuk setiap jenis blok adalah bahwa pengguna harus memasukkan kunci untuk satu, mengirimkannya, menunggu halaman dimuat ulang, gulir ke bawah ke plugin, dan mulai dari awal lagi dengan lisensi lain. Prosesnya sangat menyakitkan sehingga saya ingin mengabaikan pengujian jenis bagan yang tidak saya minati. Namun, saya menekan maju, memasukkan kunci lisensi setelah kunci lisensi.

Ya, saya melebih-lebihkan sedikit, tetapi akan jauh lebih mudah untuk memasukkan beberapa kunci lisensi sekaligus atau tidak menunggu pemuatan halaman. Ini kebetulan merupakan salah satu bagian dari pengalaman yang tidak memenuhi standar yang ditetapkan oleh plugin lainnya.