# a.Image Filter

The **Image Filter** enables users to display images in the visual, enhancing the interactivity and visual appeal of the filter. It is ideal for datasets, such as product catalogs, employee profiles, real estate listings, event banners, or media libraries, enabling quick and intuitive selection based on images.

{% embed url="<https://www.youtube.com/watch?index=9&list=PLisLVA_RnBO5QEJvAbyNHwfdboQVbF7LC&v=z9plnxhWLH4>" %}
Video 1: Image/Chiclet Slicer
{% endembed %}

## **Steps to Configure Image Filter:**

{% stepper %}
{% step %}
**Add Image Data:**

* Insert a **Base 64 URL** into the **Category Field** in the Visualizations pane.
  {% endstep %}

{% step %}
**Enable Image Data:**

* Go to the **Format Pane -> Display Settings**.
* Enable the **Image Data** option.
* The visual will recognize the data as images and display them accordingly.
  {% endstep %}

{% step %}
**Customize the Filter Type:**

* In the **Facet Filter**, change the filter type to suit your requirements.
* **Recommended:** Use the **Tile View Type** for optimal image display.
  {% endstep %}

{% step %}
**Add Measure Values for Details:**

* Add measure or dim categories (e.g., image names) to the **Others Field** in the Visualizations pane.
* In **Tile View Type**, these values will appear as details below the corresponding images in the visual.
  {% endstep %}
  {% endstepper %}

<div data-full-width="false"><figure><img src="https://2237530339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPIvQSuyE40UC9wv5uGgW%2Fuploads%2FwYVFhlGyOf6Ym4htr6Nj%2FScreenshot%202025-05-08%20151819.png?alt=media&#x26;token=268f850d-61cc-4627-bb25-cd755135c781" alt=""><figcaption><p>Image 1: Image filter using Tile view type in facet filter.</p></figcaption></figure></div>