Mendapatkan hasil maksimal dari buku resep visualisasi Looker: Menyajikan banyak informasi dengan satu visualisasi nilai

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

Nilai tunggal $41.394,51 dengan sub-teks 'Total laba bulan terakhir' dan subteks yang menunjukkan panah bawah di samping 40% dari bulan sebelumnya.

Buku resep ini akan membantu Anda memahami cara membuat visualisasi yang menyajikan satu titik data dengan konteks sebanyak mungkin.

Contoh berikut disertakan di halaman ini:

Produk

Prasyarat

Membuat visualisasi nilai tunggal 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 secara default menggunakan ukuran {i>font<i} yang sama untuk tampilan yang konsisten. Namun, visualisasi nilai tunggal secara otomatis mengubah ukuran font saat ukuran kartu dikurangi. Jika font untuk visualisasi tidak dapat menampilkan seluruh nilai dalam ruang yang tersedia, nilai tersebut akan dipotong dengan elipsis (...).
  • Jika admin Looker Anda telah mengaktifkan fitur Lab Smart Single Value Text Size, font pada visualisasi nilai tunggal yang ditampilkan di kartu dasbor akan otomatis diubah ukurannya untuk menampilkan setidaknya 8-10 karakter nilai dalam kartu dengan ukuran tertentu.
  • Font hanya dapat diubah untuk konten sematan jika ditentukan oleh admin Looker di 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 yang ditanggung 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 Mengedit ukuran font dalam {i>single value viz<i}.

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

Contoh: Menampilkan satu nilai dibandingkan dengan nilai lain

Metrik cantik tidak memberikan banyak nilai bagi 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 berdasarkan Bulan Dibuat selama 12 bulan terakhir. Visualisasi nilai tunggal secara default hanya menampilkan nilai baris atas ukuran Total Laba, yaitu $41.394,51 untuk bulan lengkap terakhir, Desember (2019-12).

Visualisasi nilai tunggal yang menampilkan nilai $41.394,51.

Tanpa tabel data untuk konteks, nilai tersebut tidak menyajikan banyak informasi bagi pengguna. Bagaimana jika Anda ingin menunjukkan bagaimana total laba untuk bulan lengkap terakhir dibandingkan dengan total laba bulan sebelumnya? Anda dapat menggunakan setelan di menu Edit visualisasi untuk membuat perbandingan nilai-nilai ini dalam visualisasi.

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

Siapkan Explore Anda:

  1. Atur kueri Eksplorasi sehingga visualisasi menampilkan nilai yang diinginkan.

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

    Jika tidak ada kolom perbandingan yang tersedia di alat pilih 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 Anda:

  1. Buka menu Edit di panel Visualisasi.

  2. Pilih opsi gaya yang diinginkan dari tab Gaya, termasuk menambahkan judul khusus yang akan muncul sebagai subteks di bawah nilai bersama dengan pemformatan nilai gaya Excel apa pun.

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

  3. Di tab Perbandingan, pilih Tampilkan.

  4. Pilih opsi Show as Change dari menu drop-down Value Labels.

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

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

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

    Batalkan pilihan Tampilkan Label untuk menyembunyikan label kolom.

    Jangan ubah opsi Show Label untuk menyertakan label kolom sebagaimana adanya.

    Masukkan label khusus ke kolom Label. Untuk contoh ini, label khusus "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, yaitu turun 40%.

Nilai tunggal $41.394,51 dengan sub-teks 'Total laba bulan terakhir' dan subteks yang menunjukkan panah bawah di samping 40% dari bulan sebelumnya.

Menambahkan format bersyarat untuk lebih banyak konteks

Anda dapat menambahkan lapisan konteks tambahan sambil menjaga visualisasi Anda tetap bersih dan minimal dengan pemformatan bersyarat.

Dalam contoh ini, ambang batas keuntungan untuk bulan yang sukses adalah Rp300.000.000, dan setiap keuntungan bulanan yang melebihi ambang batas ini harus ditunjukkan dengan warna hijau.

Anda dapat menggunakan setelan format bersyarat pada tab Pemformatan di menu Edit visualisasi untuk menyampaikan bahwa nilainya berada di atas ambang batas 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 nilainya lebih besar dari dipilih.

    Masukkan nilai untuk ambang batas aturan. Untuk contoh ini, "30000" akan 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 tua dipilih.

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

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

Total laba bulan Desember, $41.394,51, mungkin 40% kurang dari total laba bulan sebelumnya - tetapi masih di atas ambang batas laba. Sekarang, nilai profit total ditampilkan dengan warna hijau untuk menunjukkan kepada pengguna bahwa nilai tersebut di atas ambang batas keuntungan.

Contoh: Menampilkan satu nilai dalam konteks progres menuju sasaran

Opsi visualisasi nilai tunggal lainnya adalah menampilkan nilai dalam konteks kemajuan menuju tujuan.

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

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

Siapkan Explore Anda:

  1. Gunakan kalkulasi tabel untuk membuat jumlah nilai Total Laba. Ekspresi penghitungan 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 tersebut.

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

    Dalam ekspresi penghitungan, kalikan ukuran dengan nol, lalu 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 Anda:

  1. Buka menu Edit di panel Visualisasi.

  2. Pilih opsi gaya yang diinginkan dari tab Gaya, termasuk menambahkan judul khusus yang akan muncul sebagai subteks di bawah nilai bersama dengan pemformatan nilai gaya Excel apa pun.

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

  3. Di tab Perbandingan, pilih Tampilkan.

  4. Pilih opsi Calculate Progress atau opsi Calculate Progress (with Percentage) dari menu drop-down Value Labels.

    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.

    Menghitung Progres (dengan Persentase) akan menampilkan status progres berarsir dengan teks X% dari X dengan setelan Label default diterapkan.

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

    Batalkan pilihan Tampilkan Label untuk menyembunyikan label kolom. Dengan opsi Calculate Progress, hanya status progres yang diarsir. Dengan opsi Calculate Progress (dengan Persentase), ini akan menampilkan teks X% dari X dalam status progres yang diarsir.

    Jangan ubah opsi Show Label untuk menyertakan label kolom sebagaimana adanya.

    Masukkan label khusus ke kolom Label.

Hasil akhirnya adalah nilai laba year to date (YTD) sebesar $730.362,93 dengan bilah kemajuan yang menunjukkan kemajuan menuju sasaran penjualan tahunan $1.000.000.

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

  • Berikut adalah tampilan contoh dengan opsi Calculate Progress dan label kustom "progres terhadap sasaran penjualan tahunan" yang diterapkan dari tab Perbandingan:

    Nilai tunggal $730.362,93 dengan sub judul 'YTD laba' dan bilah progres berlabel 'kemajuan untuk tujuan penjualan tahunan' 3/4 diarsir.

  • Berikut adalah tampilan contoh dengan opsi Calculate Progress (dengan Persentase) dan label khusus "sasaran penjualan tahunan" yang diterapkan dari tab Comparison:

    Nilai tunggal $730.362,93 dengan subtitle 'Laba YTD' dan bilah progres berlabel '73% dari $1.000.000 sasaran penjualan tahunan' 3/4 diarsir.

Langkah berikutnya:

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