Kibanaで使える可視化の種類のまとめ

Kibanaを初めていじるにあたってどんな可視化ができるかを把握するために整理しました。

使用したバージョンはAWSのElasticsearch Serviceのバージョン7.4です。

Visualizationを作成する画面に種類の一覧があります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/d765be4e-957d-328d-454b-cde601c852d2.png)

- 数字1つを表示するもの
    - Metric
    - Gauge
    - Goal
- チャートで表示するもの
    - Line
    - Vertical Bar
    - Horizontal Bar
    - Area
    - Pie
    - Timelion
    - TSVB
- その他の可視化
    - Data Table
    - Heat Map
    - Coordinate Map
    - Region Map
    - Tag Cloud
    - Vega
- ダッシュボードに配置すると便利なパーツ
    - Controls
    - Markdown


# 数字1つを表示するもの

## Metric

シンプルに1つの数字を表示します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/72afbac5-c945-4924-4e54-7135d7f52083.png)


## Gauge

赤、黄、緑で範囲を表示して、スピードメーターのように表示します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/7b0e3203-c065-3dc2-511f-6c7fc2cfc748.png)


## Goal

ゴールの値を決めて、達成率を視覚的に示します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/264a2af5-a7cf-ddda-b799-ffba3ea8e5e6.png)


# チャートで表示するもの

## Line

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/92113c82-8f48-e606-221e-9b9bf0ce967a.png)


## Vertical Bar

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/5d87ab00-2ca7-2f45-c641-e7246e9088a0.png)


## Horizontal Bar

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/23b82f98-6230-6bff-4022-9a7fd7b72806.png)


## Area

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/9c558048-2aa8-81b6-ebfa-cedf0121c19c.png)


## Pie

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/f627ee6d-7db0-b580-ce6e-9c62c5392389.png)


## Timelion

複数のデータソースから時系列データを重ね合わせて表示するもの(?。よくわかっていない)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/25c98aeb-11ee-51e7-c1dc-216f1ba4d7d4.png)


## TSVB

複雑な時系列データを表現できるもの(?。よくわかっていない)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/d5390510-9534-64f3-3fd7-e65d56cf4e7e.png)


# その他の可視化

## Data Table

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/6ab33dd4-9f4b-37cd-309e-b363ddc9108b.png)


## Heat Map

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/cf62ce3d-96d5-fd62-d9de-bab38b5e2742.png)


## Coordinate Map

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/89598009-74cb-94d7-1c88-3f99878989ab.png)


## Region Map

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/77fe441d-e58b-bcd4-c675-6e601f363978.png)


## Tag Cloud

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/0ef5a59f-b2af-c276-deda-24b9d6f0e9a7.png)

タグをクリックするとそのタグで絞り込んだ状態になる。絞り込みはTag Cloud単体ではあまり意味がないけど、ダッシュボードにTag Cloudを配置すれば、タグでの絞り込みがダッシュボード全体に適用されるので便利。


## Vega

VegaとVega-Liteを使ったカスタムの可視化(?。よくわかっていない)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/80f58d50-ec8d-2360-8cfa-9a835b621cea.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/dc95474b-6d93-0a3d-b8fc-3827c2f7401e.png)


# ダッシュボードに配置すると便利なパーツ

## Controls

データの絞り込みをするUI。これ単体では意味がなく、ダッシュボードに配置して使用する。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/6ef34bf4-55eb-0769-85b5-948a160dbd5e.png)


## Markdown

単にテキストを表示するもの。Markdownでテキストを設定できる。これ単体では意味がなく、ダッシュボードに配置して使用する。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/490207/ad73cd46-cc4e-38b8-d301-cdf50936766e.png)