Mendapatkan hasil maksimal dari buku resep visualisasi Looker: Penyesuaian format bersyarat dalam diagram Kartesius

Menyoroti nilai yang memenuhi kondisi tertentu secara visual memungkinkan pengguna mengidentifikasi tren data dengan cepat. Pola ini sering disebut sebagai pemformatan bersyarat.

Misalnya, visualisasi dari contoh Warna nilai maksimum, minimum, dan persentil di halaman ini membantu pengguna mengidentifikasi bulan dengan penjualan terendah dan tertinggi dengan cepat:

Di Looker, Anda dapat menggunakan opsi bawaan yang ada di setelan visualisasi diagram teks dan tabel untuk menerapkan format bersyarat pada diagram teks dan tabel. Untuk diagram Kartesius, Anda dapat menggunakan Chart Config Editor untuk memformat nilai data secara bersyarat.

Di Chart Config Editor, Anda dapat menggunakan atribut series formatters untuk menerapkan format bersyarat pada nilai yang memenuhi kriteria tertentu. Berikut adalah beberapa aturan format bersyarat yang dapat Anda terapkan:

  • Nilai lebih besar dari, kurang dari, atau sama dengan nilai yang ditentukan.

    Misalnya, untuk menerapkan format bersyarat ke nilai numerik yang lebih besar dari 100, gunakan select: 'value > 100'.

  • Nilai adalah nilai minimum atau maksimum dalam deret.

    Misalnya, untuk menerapkan format bersyarat ke nilai maksimum, gunakan select: 'max'.

  • Nilai ini berada dalam peringkat persentil yang ditentukan.

    Misalnya, untuk menerapkan format bersyarat ke nilai dalam persentil kesepuluh teratas, gunakan select: 'percent_rank >= 0.9'.

  • Nilai sumbu x cocok dengan nilai yang ditentukan.

    Misalnya, untuk menerapkan format bersyarat ke deret dengan nilai sumbu x adalah "Columbia", gunakan select: name = Columbia.

Cookbook ini menyediakan tutorial berikut:

Warnai nilai maksimum, minimum, dan persentil

Anda dapat menggunakan atribut select dan style untuk menentukan warna nilai data maksimum dan minimum dalam diagram Kartesius, serta nilai apa pun yang berada di bawah persentil yang ditentukan.

Produk

Prasyarat

Membuat visualisasi Kartesius dengan format bersyarat membutuhkan hal-hal berikut:

Contoh: Visualisasi kolom

Tim penjualan ingin dapat dengan cepat mengidentifikasi tren penjualan bulanan selama setahun. Metrik ini memiliki visualisasi yang menampilkan Total Biaya yang dikelompokkan menurut Bulan.

Anda dapat menggunakan format bersyarat untuk menyoroti nilai yang memenuhi sasaran tertentu, yang membantu membuat data lebih jelas untuk dipahami pengguna.

Untuk contoh ini, tim Penjualan ingin menyoroti nilai berikut:

  • Kolom dengan nilai Total Biaya minimum akan berwarna merah.
  • Kolom dengan nilai Total Biaya maksimum akan berwarna hijau.
  • Setiap kolom dalam Total Biaya persentil ke-30 bawah akan berwarna oranye.
  • Semua kolom lainnya akan berwarna abu-abu.

Untuk menerapkan format bersyarat ini ke diagram Kartesius, ikuti langkah-langkah berikut:

  1. Melihat visualisasi Kartesius dalam Eksplorasi, atau mengedit visualisasi Kartesius di Tampilan atau dasbor.
  2. Buka menu Edit dalam visualisasi.
  3. Klik tombol Edit Chart Config di tab Plot. Looker akan menampilkan dialog Edit Chart Config.

  4. Pilih bagian Chart Config (Override), lalu masukkan JSON berikut:

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'max',
        style: {
          color: 'green',
        }
      },
      {
        select: 'percent_rank <= 0.3',
        style: {
          color: 'orange'
        }
      },
      {
        select: 'min',
        style: {
          color: 'red'
        }
      },
    ]
  }]
}

  5. Untuk menerapkan perubahan, klik Terapkan.

Kini tim Penjualan dapat dengan cepat melihat bulan mana yang berkinerja buruk, dan dapat menyelidiki bulan-bulan tersebut untuk menentukan apa yang terjadi.

Setelah Anda menyesuaikan visualisasi, Anda dapat menyimpannya. Jika Anda melihat visualisasi di Eksplorasi, simpan Jelajah tersebut. Jika Anda mengedit Tampilan atau dasbor, klik Simpan.

Contoh: Visualisasi diagram pencar

Untuk menerapkan format bersyarat ke visualisasi diagram pencar, Anda dapat menentukan warna untuk atribut style.marker.fillColor dan style.marker.lineColor, bukan atribut style.color.

Atribut lineColor menetapkan warna garis batas setiap titik di diagram sebar. Atribut fillColor menetapkan warna bagian dalam setiap titik di diagram sebar.

Anda dapat memodifikasi contoh sebelumnya dengan mengikuti langkah-langkah berikut:

  1. Melihat visualisasi diagram pencar di Explore, atau mengedit visualisasi sebuah diagram pencar dalam sebuah Tampilan atau dasbor.
  2. Buka menu Edit dalam visualisasi.
  3. Klik tombol Edit Chart Config di tab Plot. Looker akan menampilkan dialog Edit Chart Config.

  4. Pilih bagian Chart Config (Override), lalu masukkan JSON berikut:

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'max',
        style: {
          marker: {
            fillColor: 'green',
            lineColor: 'green'
          }
        }
      },
      {
        select: 'percent_rank <= 0.3',
        style: {
          marker: {
            fillColor: 'orange',
            lineColor: 'orange'
          }
        }
      },
      {
        select: 'min',
        style: {
          marker: {
            fillColor: 'red',
            lineColor: 'red'
          }
        }
      }
    ]
  }]
}

  5. Klik Terapkan untuk menerapkan perubahan Anda.

Dalam visualisasi yang dihasilkan, nilai minimum, nilai maksimum, dan nilai di 30 persen bagian bawah diberi warna sesuai dengan aturan pemformatan.

Setelah Anda menyesuaikan visualisasi, Anda dapat menyimpannya. Jika Anda melihat visualisasi di Eksplorasi, simpan Jelajah tersebut. Jika Anda mengedit Tampilan atau dasbor, klik Simpan.

Menggabungkan kondisi format bersyarat

Anda dapat menggunakan AND dan OR dalam atribut select untuk menggabungkan ekspresi logika dalam aturan format bersyarat.

Produk

Prasyarat

Membuat visualisasi Kartesius dengan format bersyarat membutuhkan hal-hal berikut:

Contoh

Tim Penjualan ingin dapat dengan cepat mengidentifikasi bulan mana yang memenuhi kriteria tertentu. Metrik ini memiliki visualisasi yang menampilkan Total Biaya yang dikelompokkan menurut Bulan.

Anda dapat menggunakan format bersyarat untuk menyoroti nilai yang memenuhi sasaran tertentu, yang membantu membuat data lebih jelas untuk dipahami pengguna.

Untuk contoh ini, tim Penjualan ingin menyoroti nilai berikut:

  • Setiap kolom dengan nilai Total Biaya antara $43.000 dan $45.000 (inklusif) akan berwarna ungu.
  • Semua kolom lainnya akan berwarna abu-abu.

Untuk menerapkan format bersyarat ini ke diagram Kartesius, ikuti langkah-langkah berikut:

  1. Melihat visualisasi Kartesius dalam Eksplorasi, atau mengedit visualisasi Kartesius di Tampilan atau dasbor.
  2. Buka menu Edit dalam visualisasi.
  3. Klik tombol Edit Chart Config di tab Plot. Looker akan menampilkan dialog Edit Chart Config.

  4. Pilih bagian Chart Config (Override), lalu masukkan JSON berikut:

    {
  series: [{
    color: 'gray',
    formatters: [{
        select: 'value >= 43000 AND value <= 45000',
        style: {
          color: 'purple',
        }
      },
    ]
  }]
}

  5. Untuk menerapkan perubahan, klik Terapkan.

Sekarang tim Penjualan dapat dengan cepat melihat bahwa pendapatan bulan Maret, April, dan September antara $43.000 dan $45.000 dan mengambil tindakan lebih lanjut untuk mencari tahu apa yang terjadi selama bulan-bulan tersebut.

Setelah Anda menyesuaikan visualisasi, Anda dapat menyimpannya. Jika Anda melihat visualisasi di Eksplorasi, simpan Jelajah tersebut. Jika Anda mengedit Tampilan atau dasbor, klik Simpan.