Memvisualisasikan Kumpulan Data Besar Dengan wpDataTables: Panduan Cara

Diterbitkan: 2023-05-03

Memvisualisasikan kumpulan data besar merupakan tantangan besar. Menyajikannya dengan cara yang jelas dan menarik adalah salah satu teknik visualisasi data yang paling dicari. Audiens Anda membutuhkan sesuatu yang interaktif, mudah dipahami, dan responsif. Ada cara untuk membuat visualisasi semacam ini tanpa menghabiskan banyak waktu atau banyak uang untuk alat visualisasi data yang mahal.

wpDataTables adalah alat visualisasi data tangguh yang akan Anda sukai. Anda membuat semua jenis grafik dan bagan dengan itu. Ini berspesialisasi dalam menangani data besar dan mengubahnya menjadi presentasi yang akan disukai audiens Anda.

Plugin WordPress ini menangani semua jenis format data yang terorganisir dan hierarkis, seperti:

  • CSV
  • Unggul
  • Google Spreadsheet
  • JSON
  • MySQL
  • PostgreSQL
  • XML

Ini memiliki grafik bawaan dan editor bagan untuk menyesuaikan representasi data Anda. Sebagai standar, ini menghasilkan berbagai bagan, termasuk:

  • Grafik area
  • Diagram batang
  • Bagan gelembung
  • Bagan kolom
  • Bagan donat
  • Bagan pengukur
  • Bagan garis
  • Diagram lingkaran
  • Bagan sebar

Jadi, jelas mengapa wpDataTables adalah alat yang luar biasa . Artikel ini akan menunjukkan kepada Anda bagaimana Anda dapat menggunakannya untuk memvisualisasikan kumpulan data besar di WordPress dan menerbitkannya di situs web Anda.

Menggunakan wpDataTables untuk Memvisualisasikan Kumpulan Data Besar

Menginstal dan Mengaktifkan wpDataTables

Langkah pertama sudah jelas: untuk memulai, Anda perlu menginstal plugin wpDataTables. Ini sangat mudah dilakukan dengan masuk ke repositori plugin WordPress .

Untuk melakukannya, buka WordPress dan buka Add New di bawah Plugins . Di sini Anda dapat mencari wpDataTables. Kemudian ikuti petunjuk di layar dan selesaikan penginstalan dan aktivasi.

Mengimpor Data

Setelah terinstal, Anda dapat mengimpor data Anda ke wpDataTables dari berbagai sumber . Beberapa pilihan untuk impor data adalah:

  • CSV
  • Unggul
  • Google Spreadsheet
  • JSON
  • kueri MySQL
  • Serialisasi PHP Array
  • XML

Anda juga masih memiliki opsi untuk memasukkan data secara manual ke wpDataTables atau menautkan plugin ke sumber data langsung.

Fitur ini sangat berguna karena Anda dapat membuat tabel yang diperbarui secara otomatis setiap kali Anda memuat halaman Anda. Anda juga dapat membuat kueri khusus dengan alat Antarmuka Pengguna Grafis (GUI).

Cara Membuat Tabel Baru Dari Data

Anda dapat membuat tabel baru dengan membuka wpDataTable dan mengklik Create a table . Di sana Anda akan melihat opsi Create a table linked to an existing data source . Klik opsi itu dan kemudian klik Next .

Di layar berikutnya, Anda akan melihat opsi berbeda untuk cara mengimpor data. Anda tidak perlu memilih salah satunya, tetapi beberapa di antaranya mungkin berguna.

Di bawah Tampilan , Anda dapat memilih opsi Runtuh Responsif , yang sangat berguna pada perangkat dengan layar lebih kecil. Anda dapat mengedit bilah gulir, membatasi lebar tabel, dan sebagainya.

Tab Pengeditan memberi Anda lebih banyak opsi untuk pengeditan front-end. Ini termasuk mencetak, menyalin, dan mengekspor tautan cepat. Hal yang baik adalah bahwa Anda dapat melihat perubahan Anda secara real time . Setiap kali Anda melakukan perubahan, Anda perlu mengklik Simpan atau Terapkan .

Menggunakan Kumpulan Data Besar? Tidak masalah. Kami Memiliki Pemrosesan Sisi Server

Jika Anda berurusan dengan kumpulan data yang sangat besar dan membuat tabel raksasa dengan banyak halaman, wpDataTables adalah plugin WordPress yang Anda butuhkan.

wpDataTables adalah plugin yang kuat dan fleksibel yang dapat menangani banyak data dengan mudah. Serius, saya berbicara tentang ribuan atau bahkan jutaan baris!

  • Bosan menunggu meja besar Anda dimuat?
  • Muak dengan penyortiran dan penyaringan yang lamban?
  • Khawatir tentang halaman Anda mogok karena data yang berat?

Tidak lagi! wpDataTables mendukung Anda. Itu dibangun dengan fitur fantastis yang disebut "Pemrosesan sisi server." Bocah nakal ini mengambil semua beban berat dari piring Anda dan mendelegasikannya ke server MySQL. Apa artinya bagi Anda? Itu berarti:

  • Pemuatan halaman lebih cepat
  • Pemfilteran dan penyortiran yang lebih cerdas
  • Tidak ada lagi crash karena kumpulan data yang besar

Penasaran bagaimana caranya? Lihat video ini:

Sekarang, saya tahu apa yang Anda pikirkan: "Kedengarannya terlalu bagus untuk menjadi kenyataan, bukan?" Tapi izinkan saya memberi tahu Anda, ini nyata.

Fitur ini dibuat khusus untuk orang-orang seperti Anda yang menangani kumpulan data besar dan menginginkan pengalaman yang lancar.

Memilih Visualisasi Data yang Tepat

Dengan data yang diimpor, Anda dapat mulai memikirkan tentang visualisasi data. Untuk melakukannya, buka Panduan Pembuatan Bagan . Anda menemukan wizard setelah Anda membuka wpDataTables di bawah Create a Chart .

Pertama, Anda harus memberi nama bagan Anda untuk menemukannya lagi nanti. Kemudian pilih salah satu dari empat mesin rendering bagan:

  1. Bagan.js
  2. Bagan Google
  3. Bagan tinggi
  4. ApexCharts

Memilih visualisasi data yang tepat sangatlah penting. Kategori bagan yang berbeda lebih cocok untuk jenis data yang berbeda.

Pertama, pikirkan poin yang ingin Anda sampaikan dengan data Anda. Pesan itu harus jelas dan menonjol. Lima pertanyaan dapat membantu Anda menentukan apa yang ingin Anda lakukan:

  • Jika ada set data yang berbeda, apa hubungan antara mereka?
  • Apakah ada kebutuhan untuk menyoroti distribusi data dan mengidentifikasi outlier?
  • Apakah Anda ingin membandingkan nilai? Jika demikian, apakah Anda ingin membandingkan titik data yang berbeda, atau Anda ingin mengikuti satu titik dari waktu ke waktu?
  • Apakah ada tren menarik dalam kumpulan data?
  • Apakah langkah visualisasi data merupakan bagian dari analisis data?

Ketika Anda mengetahui jawaban atas pertanyaan-pertanyaan itu, Anda siap untuk memilih jenis bagan yang tepat untuk proyek Anda.

Setelah mengedit grafik atau bagan Anda, Anda dapat mengklik ke layar berikutnya dan menyalin kode pendek untuk visualisasi data.

Sekarang Anda siap menempelkan kode pendek ke konten situs web Anda. Simpan dan periksa ujung depan untuk melihat tampilannya.

Di dalam wpDataTables ada opsi yang sangat spesial. Ini memungkinkan Anda menyimpan tabel Anda, bahkan jika Anda menghapus plugin .

Jika Anda pernah memilih untuk menghapus plugin, Anda masih akan menemukan tabel Anda di database.

Buat Bagan Dari Tabel

Mari kita lebih dalam membuat visualisasi data dengan wpDataTables. Plugin ini memungkinkan Anda membuat beberapa grafik dan bagan yang mengesankan dan interaktif dari sumber data apa pun. Anda dapat menggunakan file Excel, CSV, MySQL, JSON, dan lainnya.

Saat tabel Anda siap untuk diproses, pilih Charts lalu klik Add New .

Beri judul proyek dan pilih mesin rendering seperti yang dijelaskan di atas. Anda dapat memilih dari Google Charts, Chart.js, atau lainnya. Setiap mesin rendering memiliki karakteristiknya masing-masing dengan kelebihan dan kekurangannya. Anda dapat bermain-main dan melihat mana yang terbaik untuk proyek Anda.

Selain itu, setiap mesin rendering akan memberi Anda kategori bagan yang berbeda , seperti batang, kolom, area, dan garis. Ada menu tarik-turun di bagian atas tempat Anda dapat memilih jenis visualisasi data yang Anda inginkan.

Pemformatan dan Pratinjau

Sekarang, plugin akan memungkinkan Anda untuk memformat bagan atau grafik sesuai keinginan Anda. Anda dapat langsung melihat perubahan Anda di panel di sisi kanan layar.

Anda akan melihat bahwa ada beberapa kategori pemformatan untuk setiap bagan atau elemen grafik. Kumpulan opsi pertama memungkinkan Anda menyesuaikan hal-hal berikut:

  • Warna latar belakang
  • Warna tepi
  • Radius perbatasan
  • Lebar batas
  • Tinggi bagan
  • Lebar bagan
  • Bagan grup
  • Lebar responsif

Kategori pemformatan lainnya adalah Seri , tempat Anda dapat menyesuaikan seri data. Di bawah Axes , Anda akan menemukan semua opsi yang terkait dengan tata letak sumbu grafik. Anda dapat menyesuaikan sumbu X dan Y secara independen satu sama lain.

Kategori berikutnya adalah Mengekspor . Anda dapat mengizinkan pengunjung situs web mengunduh alat visualisasi data Anda dalam berbagai format:

  • CSV
  • JPG
  • PDF
  • PNG
  • SVG
  • XLS

Kategori Toolbar hanya tersedia untuk ApexCharts. Opsi ini memungkinkan Anda mengizinkan pengguna mengunduh data visualisasi dalam format gambar vektor CSV, PNG, dan SVG.

Saat Anda puas dengan tampilan bagan atau grafik Anda, Anda dapat menyimpannya dengan mengeklik tombol Simpan Bagan . wpDataTables akan menyimpannya di database WordPress. Pada titik ini, itu juga akan menghasilkan kode pendek untuk Anda.

Publikasikan Bagan di Situs Web atau Posting Blog Anda

Versi yang lebih lama menggunakan editor WordPress Klasik. Tapi Anda juga bisa menggunakannya jika Anda bekerja dengan WordPress 5+. Untuk itu, Anda perlu mengunduh dan menginstal Plugin Editor Klasik.

Di editor Klasik, Anda dapat menempelkan kode pendek yang dihasilkan wpDataTable untuk bagan Anda. Contoh kode pendek dapat berupa:

 [id data wpdata = 22]

Untuk menempelkan kode dengan benar, ikuti langkah-langkah berikut:

  1. Buka Postingan
  2. Klik Tambahkan Baru atau Laman
  3. Pilih Tambah Baru
  4. Rekatkan kode pendek ke dalam konten di editor
  5. Perbarui atau terbitkan halaman atau posting blog Anda

Cara lain untuk mempublikasikan tabel Anda adalah dengan menggunakan tombol wpDataTables di editor. Klik tombol untuk memilih bagan yang ingin Anda gunakan dan klik Sisipkan .

Editor Gutenberg adalah alat lain untuk mengelola konten Anda. Faktanya, ini memberi Anda lebih banyak opsi untuk bagan Anda. Anda dapat memilih tabel mana yang Anda inginkan dan cara menampilkannya, dan Anda dapat menentukan placeholder variabel dan mengekspor nama file.

Ada integrasi untuk wpDataTables di Divi Page Builder. Dengan pembuat halaman ini, Anda dapat menyisipkan bagan dan tabel langsung ke antarmuka pengguna Divi.

Kata-kata Terakhir tentang Memvisualisasikan Kumpulan Data Besar Dengan wpDataTables

Mengekstrak informasi yang tepat dari big data tidaklah mudah, tetapi dengan teknik visualisasi data yang tepat, Anda dapat melakukannya. Artikel ini telah menunjukkan kepada Anda bagaimana Anda dapat mengonversi data mentah menjadi grafik dan bagan yang menarik. Ini adalah keterampilan yang diperlukan jika Anda perlu memvisualisasikan kumpulan data besar.

Plugin ini sangat fleksibel. Jadi cobalah dan lihat bagaimana Anda bisa mendapatkan lebih banyak dari data yang kompleks dengan menggunakan visualisasi data. Anda akan melihat apa yang dapat dilakukan dengan mengubah beberapa parameter saja untuk presentasi Anda dalam memvisualisasikan kumpulan data besar.

Jika Anda senang membaca artikel ini tentang memvisualisasikan kumpulan data besar, Anda juga harus membaca ini:

  • Jangan Lewatkan Tren Visualisasi Data Ini
  • Cara Menggunakan Visualisasi Data Dinamis Untuk Menyajikan Data Lebih Baik
  • Visualisasi Data Interaktif Paling Mengesankan yang Akan Anda Temukan Online