> For the complete documentation index, see [llms.txt](https://navixy.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://navixy.com/docs/analytics/id/explorer-for-iotquery/custom-analysis-sql-configurator/creating-custom-visualizations.md).

# Membuat visualisasi kustom

Ubah hasil kueri SQL menjadi bagan interaktif melalui operasi seret dan lepas. Antarmuka visualisasi mengubah data mentah menjadi wawasan visual tanpa memerlukan pemrograman.

## Mengakses antarmuka visualisasi

Setelah menjalankan kueri SQL, dua tab muncul di atas hasil Anda:

| **Tab**         | **Tujuan**                              |
| --------------- | --------------------------------------- |
| **Data**        | Meninjau hasil kueri dalam format tabel |
| **Visualisasi** | Membuat bagan interaktif                |

Klik **Visualisasi** untuk mengakses chart builder segera setelah eksekusi kueri.

## Gambaran umum antarmuka

<figure><img src="/files/793e424ead168208d59118737c7ed47d1b4579c1" alt="Query execution results showing Data and Visualization tabs with transition to chart builder"><figcaption></figcaption></figure>

Area kerja visualisasi terdiri dari tiga area yang terkoordinasi:

**Daftar Field** (panel kiri):

* **Dimensions** - data kategoris dengan ikon bergaya dokumen
* **Measures** - data numerik dengan ikon tanda pagar
* **Time** - field temporal untuk analisis tren

**Configuration Shelves** (tengah):

* **X-Axis/Y-Axis** - struktur utama bagan
* **Rows/Columns** - perbandingan multi-panel
* **Filters** - penyaringan subset data
* **Color/Size/Opacity** - pengodean visual

**Canvas** (kanan):

* Tampilan bagan secara real-time dengan pembaruan langsung
* Kemampuan zoom interaktif, pan, dan eksplorasi

## Kontrol penting

![](/files/8748f509d3c4b1e6c881e91ee5e3739070f16c84)

Perluas bagian di bawah untuk melihat tombol toolbar utama yang mempercepat pembuatan bagan.

<details>

<summary>Lihat deskripsi kontrol utama</summary>

| **Kontrol**                                                                                                                                                   | **Fungsi**                                                              | **Penggunaan**                                                                                        |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| <p><strong>Aggregation</strong><br><br><img src="/files/d4aaa3069c0fefbaef913b494e81a2788010927b" alt="image-20250819-095023.png"></p>                        | Tampilan data mentah vs. data teragregasi                               | Matikan untuk melihat rekaman individual; biarkan AKTIF untuk melihat total/rata-rata                 |
| <p><strong>Mark Types</strong><br><br><img src="/files/8e4ff6e25e2a58e6009446541f21eeb6d4ee71c0" alt="image-20250819-095030.png"></p>                         | Pemilihan jenis bagan (Bar, Line, dll.)                                 | Beralih antara bagan batang, grafik garis, scatter plot sesuai kebutuhan analisis Anda                |
| <p><strong>Stack Mode</strong><br><br><img src="/files/c3e1f66814a2b565d51599266760b337e10e22c6" alt="image-20250819-095135.png"></p>                         | Membuat chart Stack atau menormalkan chart                              | Tumpuk batang untuk menampilkan total; normalkan untuk membandingkan persentase antar kategori        |
| <p><strong>Transpose</strong><br><br><img src="/files/560d50c02ff2ee2c5a35b0adb456f64c0c21166d" alt="image-20250819-095215.png"></p>                          | Menukar sumbu x dan sumbu y pada bagan                                  | Balik orientasi bagan ketika kategori sulit dibaca atau dibandingkan                                  |
| <p><strong>Sort Order</strong><br><br><img src="/files/d8b6c5fed4b956975fc97f2c87cd571e8f7abfa9" alt="image-20250819-095235.png"></p>                         | Urutkan dalam Urutan Ascending atau Descending                          | Susun data dari nilai tertinggi ke terendah (atau sebaliknya) untuk mengidentifikasi performa terbaik |
| <p><strong>Axis Resizing</strong><br><br><img src="/files/2b227d7c67c0c01d06f79a14e8457c42941fffa5" alt="image-20250819-095259.png"></p>                      | Mengubah ukuran sumbu                                                   | Perbesar ke rentang nilai tertentu untuk memeriksa data lebih detail                                  |
| <p><strong>Layout Mode</strong><br><br><img src="/files/11147eec8926ca36219f69b51bbe9987299ed99b" alt="image-20250819-095318.png"></p>                        | Mengubah ukuran bagan atau menggunakan bagan berukuran otomatis         | Beralih ke ukuran manual ketika Anda membutuhkan bagan yang lebih besar untuk presentasi              |
| <p><strong>Exploration Mode</strong><br><br><img src="/files/c45a3f8db5218868d7aeef74b13042a97418f803" alt="image-20250819-095349.png"></p>                   | Jelajahi data. Anda dapat memilih mode titik atau mode kuas             | Pilih titik data individual atau seret untuk memilih beberapa titik guna analisis detail              |
| <p><strong>Export</strong><br><br><img src="/files/56e8220548204d5c276c2051bf852837686e8ce7" alt="image-20250819-095401.png"></p>                             | Simpan visualisasi (PNG atau SVG)                                       | Unduh gambar bagan untuk laporan, presentasi, atau dokumentasi                                        |
| <p><strong>Export as CSV</strong><br><br><img src="/files/c8736f558cf6e4c3adfa0b4b5c410d61a50e4bef" alt="image-20250819-095721.png" data-size="original"></p> | Ekspor data yang divisualisasikan dalam format CSV                      | Unduh data sumber untuk dianalisis di Excel atau program spreadsheet lainnya                          |
| <p><strong>Export code</strong><br><br><img src="/files/cf8c5e138aba545d0ba73be0e62cb64cef6a2f7f" alt="image-20250819-095828.png" data-size="original"></p>   | Ekspor visualisasi sebagai kode dalam Python atau JSON (Graphic Walker) | Dapatkan kode untuk membuat ulang bagan yang persis sama ini dalam skrip Python Anda sendiri          |

</details>

## Membangun visualisasi: alur kerja contoh

**Skenario contoh**: Menganalisis data operasional dengan field seperti `category_field`, `performance_metric`, `timestamp`, `region`.

{% stepper %}
{% step %}
**Buat bagan dasar**

* Seret field kategoris (mis., `category_field`) → **X-Axis**
* Seret field numerik (mis., `performance_metric`) → **Y-Axis**
* Antarmuka secara otomatis membuat bagan batang teragregasi
  {% endstep %}

{% step %}
**Sempurnakan jenis visualisasi**

Klik **Mark Types** tombol untuk alternatif:

* **Bagan batang**: perbandingan kategori
* **Bagan garis**: analisis tren dari waktu ke waktu
* **Scatter plot**: analisis korelasi (matikan agregasi)
  {% endstep %}

{% step %}
**Tambahkan kedalaman analitis**

* Seret field kategoris tambahan → **Color** shelf = pembedaan visual
* Seret field numerik → **Size** shelf = representasi proporsional
* Beberapa dimensi mengungkap hubungan tersembunyi
  {% endstep %}
  {% endstepper %}

\[SCREENSHOT: Pembuatan bagan bertahap yang menunjukkan bagan batang dasar berkembang menjadi analisis multidimensi]

## Teknik lanjutan

### Analisis multi-panel

Buat tampilan perbandingan menggunakan **Rows/Columns** shelves:

* Seret field kategoris → **Rows** = panel terpisah untuk setiap kategori
* Skala yang konsisten memungkinkan perbandingan langsung lintas kategori
* Mengungkap pola yang tersembunyi dalam tampilan teragregasi

### Penyaringan dan fokus

Gunakan **Filters** shelf untuk analisis yang ditargetkan:

* Seret field kategoris untuk memilih subset
* Seret field numerik untuk penyaringan berbasis rentang
* Beberapa filter digabungkan untuk eksplorasi data yang presisi

### Eksplorasi interaktif

* Pengubahan ukuran bagan secara manual menggunakan **Resize** opsi tombol
* Kemampuan zoom dan pan untuk pemeriksaan rinci
* Kemampuan ekspor untuk berbagi dan integrasi

{% hint style="info" %}
**Tips performa**: Terapkan filter sebelum visualisasi yang kompleks untuk menjaga responsivitas pada dataset besar.
{% endhint %}

## Mengevaluasi hasil Anda

Setelah membuat visualisasi kustom, nilai apakah pendekatan ini memenuhi kebutuhan analitis Anda:

**Kompleksitas visualisasi**: Apakah Anda dapat membuat bagan dan wawasan yang diperlukan untuk keputusan operasional Anda?

**Kedalaman eksplorasi data**: Apakah kemampuan interaktif memberikan fleksibilitas analitis yang cukup?

**Berbagi dan integrasi**: Apakah opsi ekspor mendukung alur kerja pelaporan dan kolaborasi Anda?

**Performa dan skalabilitas**: Apakah antarmuka menangani volume data dan kebutuhan kompleksitas Anda secara efektif?

## Langkah selanjutnya

Berdasarkan pengalaman visualisasi kustom Anda, Anda mungkin memerlukan kemampuan yang lebih lanjut. Untuk panduan komprehensif dalam memilih alat business intelligence yang sesuai dengan kebutuhan spesifik dan kebutuhan organisasi Anda, lihat [Memilih alat BI](/docs/analytics/id/iot-query/connection-setup/selecting-bi-tools.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://navixy.com/docs/analytics/id/explorer-for-iotquery/custom-analysis-sql-configurator/creating-custom-visualizations.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.