4.6 KiB
| sidebar_label | sidebar_position | slug | keywords | description | |||||
|---|---|---|---|---|---|---|---|---|---|
| Explo | 131 | /ja/integrations/explo |
|
Exploはデータに関する質問を問うための使いやすいオープンソースのUIツールです。 |
import ConnectionDetails from '@site/docs/ja/_snippets/_gather_your_details_http.mdx';
ExploをClickHouseに接続する
あらゆるプラットフォーム向けの顧客向け分析。美しい視覚化のために設計され、簡素さを求めて構築されています。
目的
このガイドでは、ClickHouseからExploにデータを接続し、結果を視覚化する方法を説明します。チャートは以下のように表示されます: <img src={require('./images/explo_15.png').default} class="image" alt="Explo Dashboard" />
:::tip データを追加 作業するデータセットがない場合、例を追加することができます。このガイドではUK Price Paidデータセットを使用しているので、それを選ぶことをお勧めします。同じドキュメントカテゴリに他の例もいくつかあります。 :::
1. 接続に必要な詳細を集めます
2. ExploをClickHouseに接続する
-
Exploアカウントにサインアップします。
-
左側のサイドバーでExploのデータタブをクリックします。
<img src={require('./images/explo_01.png').default} class="image" alt="Data Tab" />
- 右上のデータソースを接続をクリックします。
<img src={require('./images/explo_02.png').default} class="image" alt="Connect Data Source" />
- はじめにページの情報を入力します。
<img src={require('./images/explo_03.png').default} class="image" alt="Getting Started" />
- Clickhouseを選択します。
<img src={require('./images/explo_04.png').default} class="image" alt="Clickhouse" />
- Clickhouseの資格情報を入力します。
<img src={require('./images/explo_05.png').default} class="image" alt="Credentials" />
- セキュリティを設定します。
<img src={require('./images/explo_06.png').default} class="image" alt="Security" />
- Clickhouse内で、ExploのIPをホワイトリストに追加します。
54.211.43.19, 52.55.98.121, 3.214.169.94, and 54.156.141.148
3. ダッシュボードを作成する
- 左側のナビゲーションバーでダッシュボードタブに移動します。
<img src={require('./images/explo_07.png').default} class="image" alt="Dashboard" />
- 右上のダッシュボードを作成をクリックし、ダッシュボードに名前を付けます。これでダッシュボードが作成されました！
<img src={require('./images/explo_08.png').default} class="image" alt="Create Dashboard" />
- 次のような画面が表示されます：
<img src={require('./images/explo_09.png').default} class="image" alt="Explo Dashboard" />
4. SQLクエリを実行する
- スキーマタイトルの下にある右側のサイドバーからテーブル名を取得します。それから以下のコマンドをデータセットエディタに入力します：
SELECT * FROM YOUR_TABLE_NAME LIMIT 100
<img src={require('./images/explo_10.png').default} class="image" alt="Explo Dashboard" />
- 実行をクリックし、プレビュータブに移動してデータを確認します。
<img src={require('./images/explo_11.png').default} class="image" alt="Explo Dashboard" />
5. チャートを作成する
- 左側からバーチャートのアイコンをドラッグして画面に配置します。
<img src={require('./images/explo_16.png').default} class="image" alt="Explo Dashboard" />
- データセットを選択します。次のような画面が表示されます：
<img src={require('./images/explo_12.png').default} class="image" alt="Explo Dashboard" />
- countyをX軸に、PriceをY軸のセクションに入力します：
<img src={require('./images/explo_13.png').default} class="image" alt="Explo Dashboard" />
- 集約をAVGに変更します。
<img src={require('./images/explo_14.png').default} class="image" alt="Explo Dashboard" />
- これで価格ごとに分類された住宅の平均価格が表示されました！
<img src={require('./images/explo_15.png').default} class="image" alt="Explo Dashboard" />
詳細を学ぶ
Exploやダッシュボードの作成について詳しくは、Exploのドキュメントを参照してください。