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

Menyajikan informasi secara jelas dan ringkas memungkinkan pengguna dengan cepat memahami hubungan satu titik data 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 perbandingan nilai dengan nilai lain:

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

Cookbook 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 yang perlu dipertimbangkan saat menggunakan visualisasi nilai tunggal

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

  • Saat melihat beberapa visualisasi nilai tunggal di dasbor, setiap visualisasi secara default menggunakan ukuran font 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 akan dipangkas dengan elipsis (...).
  • Jika fitur Smart Single Value Text Size diaktifkan, 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 yang disematkan 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.

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

Contoh: Menampilkan satu nilai dibandingkan dengan nilai lain

Metrik vanity sendiri 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 Profit yang dikelompokkan menurut Created Month selama 12 bulan terakhir. Visualisasi nilai tunggal secara default hanya menampilkan nilai baris teratas dari ukuran Total Profit, 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 memberikan banyak informasi kepada pengguna. Bagaimana jika Anda ingin menampilkan perbandingan total keuntungan untuk bulan lengkap terakhir dengan total keuntungan 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:

Siapkan Jelajah Anda:

  1. Atur kueri Jelajah Anda sehingga visualisasi menampilkan nilai yang diinginkan.

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

    Jika tidak ada kolom perbandingan yang tersedia di pemilih kolom, dan Anda memiliki izin yang diperlukan, Anda dapat menggunakan pintasan kalkulasi tabel. Contoh ini menggunakan kalkulasi % change from previous row.

Sesuaikan visualisasi nilai tunggal Anda:

  1. Buka menu Edit di panel Visualization.

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

    Untuk contoh ini, "Last complete month total profit" dimasukkan ke bagian Title Override untuk memberikan indikasi yang lebih baik tentang nilai yang diwakili.

  3. Di tab Comparison, pilih Show.

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

  5. Pilih opsi Positive values are bad untuk menampilkan perubahan positif berwarna merah dan perubahan negatif berwarna hijau, jika sesuai dengan kasus penggunaan Anda.

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

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

    Batalkan pilihan opsi Show Label untuk menyembunyikan label kolom.

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

    Masukkan label kustom ke kolom Label. Untuk contoh ini, label kustom "from previous month" diterapkan.

Hasil akhirnya adalah nilai Total Profit untuk Desember, $41.394,51 dengan subteks yang menandai perbandingan dengan total keuntungan bulan sebelumnya, yang turun 40%.

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

Menambahkan format bersyarat untuk konteks yang lebih banyak

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

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

Anda dapat menggunakan setelan format bersyarat di tab Formatting di menu Edit visualisasi untuk menyampaikan bahwa nilai tersebut berada di atas nilai minimum keuntungan.

Untuk mengaktifkan format bersyarat di menu Edit visualisasi nilai tunggal:

  1. Buka menu Edit di panel Visualization.
  2. Pilih opsi Enable Conditional Formatting di tab Formatting.
  3. Pilih palet warna dari menu drop-down Collection di bagian Colors.

  4. Masukkan aturan pemformatan Anda di bagian Rules.

    Pilih kondisi dari menu drop-down Format.Untuk contoh ini, If the value is greater than dipilih.

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

    Pilih Background color dan Font color 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 Add a rule di bagian bawah tab.

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

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

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 Profit yang dikelompokkan menurut Created Month selama 12 bulan terakhir), Anda dapat menampilkan total keuntungan tahun berjalan (YTD) terhadap sasaran keuntungan untuk sepanjang tahun. Sasaran keuntungan tahunan untuk contoh ini adalah $1.000.000.

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

Siapkan Jelajah Anda:

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

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

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

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

    Dalam ekspresi kalkulasi, 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 Anda:

  1. Buka menu Edit di panel Visualization.

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

    Untuk contoh ini, "YTD profit" dimasukkan ke bagian Title Override untuk memberikan indikasi yang lebih baik tentang nilai yang diwakili.

  3. Di tab Comparison, pilih Show.

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

    Calculate Progress 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.

    Calculate Progress (with Percentage) akan menampilkan status progres yang diarsir dengan teks X% of X dengan setelan Label default yang diterapkan.

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

    Batalkan pilihan opsi Show Label untuk menyembunyikan label kolom. Dengan opsi Calculate Progress, tindakan ini hanya akan menampilkan status progres yang diarsir. Dengan opsi Calculate Progress (with Percentage), tindakan ini akan menampilkan teks X% of X dalam status progres yang diarsir.

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

    Masukkan label kustom ke kolom Label.

Hasil akhirnya adalah nilai keuntungan 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 Calculate Progress dan setelan label kustom "progress to yearly sales goal" yang diterapkan dari tab Comparison:

    Satu nilai sebesar $730.362,93 dengan subjudul &#39;Laba YTD&#39; dan status progres berlabel &#39;progres menuju sasaran penjualan tahunan&#39; yang diarsir 3/4.

  • Berikut tampilan contoh dengan opsi Calculate Progress (with Percentage) dan setelan label kustom "yearly sales goal" yang diterapkan dari tab Comparison:

    Satu nilai sebesar $730.362,93 dengan subjudul &#39;Laba YTD&#39; dan status progres berlabel &#39;73% dari target penjualan tahunan $1.000.000&#39; dengan 3/4 bagian diarsir.

Langkah berikutnya:

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