Cookbook mendapatkan hasil maksimal dari visualisasi Looker: Menampilkan banyak informasi dengan visualisasi nilai tunggal

Menyajikan informasi dengan jelas dan ringkas memungkinkan pengguna dengan cepat memahami bagaimana satu titik data terkait dengan tren yang lebih besar — atau bagaimana titik data tersebut dibandingkan dengan nilai lainnya — tanpa perlu menghabiskan waktu tambahan untuk menelusuri konteks. Misalnya, visualisasi berikut dari bagian Menampilkan satu nilai dibandingkan dengan nilai lain di halaman ini membantu pengguna memahami perbandingan nilai dengan nilai lain:

Nilai tunggal sebesar $41.394,51 dengan subtitel 'Total laba bulan terakhir yang lengkap' dan subteks yang menampilkan panah bawah di samping 40% dari bulan sebelumnya.

Cookbook ini akan membantu Anda memahami cara membuat visualisasi yang menampilkan satu titik data dengan konteks sebanyak mungkin.

Contoh berikut disertakan di halaman ini:

Produk

Prasyarat

Untuk membuat visualisasi nilai tunggal, Anda memerlukan hal berikut:

Hal-hal yang perlu dipertimbangkan saat menggunakan visualisasi nilai tunggal

Saat membuat dan menggunakan visualisasi nilai tunggal, pastikan untuk mempertimbangkan hal-hal berikut:

  • Saat melihat beberapa visualisasi nilai tunggal di dasbor, setiap visualisasi akan menggunakan ukuran font yang sama secara default untuk tampilan yang konsisten. Namun, visualisasi nilai tunggal akan otomatis mengubah ukuran font saat ukuran kartu dikurangi. Jika font untuk visualisasi tidak dapat menampilkan seluruh nilai dalam ruang yang tersedia, nilai akan terpotong dengan elipsis (...).
  • Jika admin Looker Anda telah mengaktifkan fitur Labs Ukuran Teks Nilai Tunggal Cerdas, font pada visualisasi nilai tunggal yang ditampilkan di kartu dasbor akan otomatis diubah ukurannya untuk menampilkan setidaknya 8-10 karakter nilai dalam kartu pada ukuran tertentu.
  • Font hanya dapat diubah untuk konten tersemat jika ditentukan oleh admin Looker dalam tema kustom.
  • Ukuran font tidak dapat disesuaikan dari menu Edit visualisasi. Satu-satunya cara untuk menyesuaikan gaya font dan ukuran font nilai adalah dengan melakukan salah satu solusi berikut dengan risiko Anda sendiri:
    • Tambahkan parameter html ke definisi LookML kolom dan tentukan setelan font dan ukuran menggunakan tag gaya HTML. Misalnya: html: <p style="color: red; font-size: 50px">{{ nilai }}</p> ;;
    • Gunakan metode diagram sebar yang dijelaskan dalam Postingan komunitas tentang Mengedit ukuran font dalam visualisasi nilai tunggal.

Saat beberapa visualisasi nilai tunggal ditampilkan di dasbor, ukuran font mungkin masih terpengaruh oleh pertimbangan yang dijelaskan pada poin pertama dalam daftar ini.

Contoh: Menampilkan satu nilai dibandingkan dengan nilai lain

Metrik vanity saja tidak memberikan banyak nilai kepada pengguna. Namun, menambahkan perbandingan ke titik data sebelumnya dapat dengan cepat menambahkan perspektif dan konteks bagi pengguna.

Misalnya, kueri berikut menampilkan Total Laba yang dikelompokkan menurut Bulan Pembuatan selama 12 bulan terakhir. Visualisasi nilai tunggal secara default hanya menampilkan nilai baris atas dari ukuran Total Laba, yaitu $41.394,51 untuk bulan terakhir yang lengkap, Desember (2019-12).

Visualisasi nilai tunggal yang menampilkan nilai $41.394,51.

Tanpa tabel data untuk konteks, nilai tidak akan memberikan banyak informasi kepada pengguna. Bagaimana jika Anda ingin menunjukkan perbandingan total laba untuk bulan terakhir yang lengkap dengan total laba bulan sebelumnya? Anda dapat menggunakan setelan di menu Edit visualisasi untuk membuat perbandingan nilai ini dalam visualisasi.

Untuk menampilkan perbandingan nilai saat ini dengan nilai baris sebelumnya, ikuti langkah-langkah berikut:

Menyiapkan Eksplorasi:

  1. Atur kueri Jelajahi Anda agar visualisasi menampilkan nilai yang diinginkan.

  2. Tambahkan kolom yang membandingkan nilai baris saat ini dan sebelumnya dengan kueri Jelajahi.

    Jika tidak ada kolom perbandingan yang tersedia di pemilih kolom, dan Anda memiliki izin yang diperlukan, Anda dapat menggunakan pintasan penghitungan tabel. Contoh ini menggunakan penghitungan % perubahan dari baris sebelumnya.

Sesuaikan visualisasi nilai tunggal:

  1. Buka menu Edit di panel Visualisasi.

  2. Pilih opsi gaya yang diinginkan dari tab Gaya, termasuk menambahkan judul kustom yang akan muncul sebagai subteks di bawah nilai beserta format nilai bergaya Excel.

    Untuk contoh ini, "Total laba bulan terakhir yang lengkap" dimasukkan ke bagian Penggantian Judul untuk memberikan indikasi yang lebih baik tentang nilai yang diwakili.

  3. Di tab Perbandingan, pilih Tampilkan.

  4. Pilih opsi Tampilkan sebagai Perubahan dari menu drop-down Label Nilai.

  5. Pilih opsi Nilai positif buruk untuk menampilkan perubahan positif dalam warna merah dan perubahan negatif dalam warna hijau, jika sesuai dengan kasus penggunaan Anda.

    Untuk contoh ini, perubahan negatif menunjukkan bahwa Total Laba untuk Desember dibandingkan November lebih rendah, yang dianggap sebagai perubahan "buruk".

  6. Sesuaikan label perbandingan nilai di tab Perbandingan sesuai keinginan.

    Hapus centang pada opsi Tampilkan Label untuk menyembunyikan label kolom.

    Biarkan opsi Tampilkan Label tidak berubah untuk menyertakan label kolom apa adanya.

    Masukkan label khusus ke kolom Label. Untuk contoh ini, label kustom "dari bulan sebelumnya" diterapkan.

Hasil akhirnya adalah nilai Total Laba untuk bulan Desember, $41.394,51 dengan subteks yang menyoroti perbandingan dengan total laba bulan sebelumnya, yang turun 40%.

Nilai tunggal sebesar $41.394,51 dengan subtitel &#39;Total laba bulan terakhir yang lengkap&#39; dan subteks yang menampilkan panah bawah di samping 40% dari bulan sebelumnya.

Menambahkan format bersyarat untuk konteks yang lebih lengkap

Anda dapat menambahkan lapisan konteks tambahan sekaligus menjaga visualisasi tetap rapi dan minimal dengan pemformatan bersyarat.

Dalam contoh ini, nilai minimum laba untuk bulan yang berhasil adalah $30.000, dan laba bulanan yang melebihi nilai minimum ini harus ditunjukkan dengan warna hijau.

Anda dapat menggunakan setelan pemformatan bersyarat di tab Formatting pada menu Edit visualisasi untuk menyampaikan bahwa nilainya berada di atas nilai minimum laba.

Untuk mengaktifkan format bersyarat di menu Edit visualisasi nilai tunggal:

  1. Buka menu Edit di panel Visualisasi.
  2. Pilih opsi Enable Conditional Formatting di tab Formatting.
  3. Pilih palet warna dari menu drop-down Koleksi di bagian Warna.

  4. Masukkan aturan pemformatan Anda di bagian Aturan.

    Pilih kondisi dari menu drop-down Format.Untuk contoh ini, Jika nilai lebih besar dari dipilih.

    Masukkan nilai untuk nilai minimum aturan. Untuk contoh ini, "30000" dimasukkan.

    Pilih Warna latar belakang dan Warna font yang diinginkan. Pastikan untuk mempertimbangkan kontras warna untuk aksesibilitas konten Anda. Untuk contoh ini, latar belakang putih dan font hijau gelap dipilih.

  5. Tambahkan aturan lain dengan memilih tombol Tambahkan aturan di bagian bawah tab.

    Untuk contoh ini, aturan lain dibuat untuk menunjukkan kapan nilai total laba kurang dari nilai minimum $30.000.

Total laba bulan Desember, $41.394,51, mungkin 40% lebih rendah dari total laba bulan sebelumnya — tetapi masih di atas nilai minimum laba. Sekarang nilai laba total ditampilkan dalam warna hijau untuk menunjukkan kepada pengguna bahwa nilai tersebut berada di atas nilai minimum laba.

Contoh: Menampilkan satu nilai dalam konteks progres menuju sasaran

Opsi visualisasi nilai tunggal lainnya adalah menampilkan nilai dalam konteks progres menuju sasaran.

Misalnya, menggunakan set data yang sama (Total Laba yang dikelompokkan menurut Bulan Pembuatan selama 12 bulan terakhir), Anda dapat menampilkan total laba tahun berjalan (YTD) terhadap sasaran laba untuk seluruh tahun. Sasaran laba tahunan untuk contoh ini adalah $1.000.000.

Untuk menampilkan satu nilai dalam konteks progres, ikuti langkah-langkah berikut.

Menyiapkan Eksplorasi:

  1. Gunakan kalkulasi tabel untuk membuat jumlah nilai Total Laba. Ekspresi kalkulasi tabel adalah sum(${view_name.field_name}).

    Untuk contoh ini, ekspresinya adalah sum(${order_items.total_profit}).

  2. Tambahkan kolom, atau penghitungan tabel baru, yang mewakili sasaran yang akan dibandingkan dengan nilai.

    Jika Anda membuat penghitungan tabel, nilai harus direpresentasikan sebagai ukuran agar dapat disertakan dalam visualisasi.

    Dalam ekspresi penghitungan, kalikan ukuran dengan nol dan tambahkan nilai sasaran: (${measure_viewname.measure_fieldname}*0) + <value that is the goal>.

    Untuk contoh ini, ekspresinya adalah (${order_items.total_profit}*0) + 1000000.

Sesuaikan visualisasi nilai tunggal:

  1. Buka menu Edit di panel Visualisasi.

  2. Pilih opsi gaya yang diinginkan dari tab Gaya, termasuk menambahkan judul kustom yang akan muncul sebagai subteks di bawah nilai beserta format nilai bergaya Excel.

    Untuk contoh ini, "Laba YTD" dimasukkan ke bagian Penggantian Judul untuk memberikan indikasi yang lebih baik tentang nilai yang diwakili.

  3. Di tab Perbandingan, pilih Tampilkan.

  4. Pilih opsi Hitung Progres atau opsi Hitung Progres (dengan Persentase) dari menu drop-down Label Nilai.

    Hitung Progres akan menampilkan status progres dengan nilai yang diarsir untuk menunjukkan status saat ini terhadap sasaran. Jika setelan Label default diterapkan, nama kolom juga akan muncul.

    Hitung Progres (dengan Persentase) akan menampilkan status progres yang diarsir dengan teks X% dari X dengan setelan Label default yang diterapkan.

  5. Sesuaikan label status progres di tab Perbandingan sesuai keinginan.

    Hapus centang pada opsi Tampilkan Label untuk menyembunyikan label kolom. Dengan opsi Hitung Progres, status progres yang diarsir saja akan ditampilkan. Dengan opsi Hitung Progres (dengan Persentase), opsi ini akan menampilkan teks X% dari X di status progres yang diarsir.

    Biarkan opsi Tampilkan Label tidak berubah untuk menyertakan label kolom apa adanya.

    Masukkan label khusus ke kolom Label.

Hasil akhirnya adalah nilai laba tahun berjalan (YTD) sebesar $730.362,93 dengan status progres yang menunjukkan progres menuju sasaran penjualan tahunan sebesar $1.000.000.

Contoh ini terlihat berbeda dengan setelan Calculate Progress dan Calculate Progress (with Percentage) yang diterapkan.

  • Berikut tampilan contoh dengan opsi Hitung Progres dan setelan label kustom "progres ke sasaran penjualan tahunan" yang diterapkan dari tab Perbandingan:

    Nilai tunggal $730.362,93 dengan subtitel &#39;YTD profit&#39; dan status progres berlabel &#39;progress to yearly sales goal&#39; yang diarsir 3/4.

  • Berikut tampilan contoh dengan opsi Hitung Progres (dengan Persentase) dan setelan label kustom "target penjualan tahunan" yang diterapkan dari tab Perbandingan:

    Nilai tunggal sebesar $730.362,93 dengan subtitel &#39;Laba YTD&#39; dan status progres berlabel &#39;73% dari sasaran penjualan tahunan $1.000.000&#39; yang diarsir 3/4.

Langkah berikutnya:

Setelah membuat visualisasi nilai tunggal, Anda dapat membagikannya kepada orang lain: