Gemini の支援機能を使用してビジュアリゼーションを作成する

Gemini は、AI を活用した、Google Cloud のコラボレーターです。Gemini を使用すると、HighCharts API を使用する Looker の可視化の書式設定オプションをカスタマイズできます。ビジュアリゼーション アシスタントは、テキストベースのプロンプトから JSON 書式設定オプションを生成して、Looker の可視化のカスタマイズを迅速化します。

始める前に

Gemini の支援機能を使用してビジュアリゼーションを作成するには、次の要件に注意してください。

ビジュアリゼーション アシスタントを使用する

ビジュアリゼーション アシスタントは、HighCharts API を使用する可視化で使用できます。これには、縦棒グラフ、棒グラフ、折れ線グラフなど、ほとんどのデカルトグラフが含まれます。ビジュアリゼーション アシスタントを使用して可視化をカスタマイズするには、次の手順を行います。

  1. Explore でサポートされている可視化を表示したり、Look またはダッシュボードで可視化を編集したりできます。
  2. 可視化の [編集] メニューを開きます。
  3. [ビジュアリゼーション アシスタント] をクリックして、プロンプト メニューを開きます。

ビジュアリゼーション アシスタント プロンプト メニューでは、次のことができます。

  • [Ask anything] フィールドに、可視化の変更に関する書式なしテキスト プロンプトを入力します。
  • 生成された提案をビジュアリゼーションに適用します。
  • [グラフ構成の編集] を開き、JSON フォーマット オプションを手動で記述して編集します。
  • [グラフのオーバーライドをクリア] で、可視化に適用されたすべてのカスタム変更を消去します。続行する前に、すべての変更の削除を確認するよう求められます。誤って変更を削除した場合は、ブラウザ履歴を遡ることで変更を復元できます。

プロンプトが実行されると、プレビュー ウィンドウが開き、次のオプションが表示されます。

  • [グラフ構成の編集] を開き、生成された JSON フォーマット オプションを手動で記述して編集します。[ビジュアリゼーション アシスタント] をクリックして、プロンプト メニューに戻ります。
  • ビジュアリゼーション アシスタント メニューから最初からやり直す。未適用の変更はすべて失われます。
  • プレビューした変更をビジュアリゼーションに適用します。 [グラフ構成] メニューで変更を加えると、このオプションは [再検証して適用] に変わります。
  • プロンプトの回答が役に立った か、想定外だった かを投票で示します。

無効な JSON を含むコードをプレビューしようとすると、Invalid JSON detected エラー メッセージが表示されます。無効な JSON は、[グラフ構成] ペインの下部にある [コードを自動修正] オプションを使用してクリーンアップできます。

効果的なプロンプトを作成する

効果的なプロンプトを作成するには、練習が必要です。目的をうまく達成するためのプロンプトを作成するために、次の提案をいくつか試してみてください。

プロンプトを複数の部分に分割する

プロンプトは、一度に 1 つの変更に焦点を当てることで、より効果的になります。たとえば、フォント ファミリーとビジュアリゼーション タイプの両方を変更する場合は、これらのプロンプトを個別に作成することをおすすめします。生成された変更を確認したら、それを適用して次のプロンプトの作成を開始します。

プロンプト: 最後のシリーズを線に変更する

ビジュアライゼーション アシスタントのメニューに、可視化の 3 つのシリーズのうち 1 つを列から線に変更するプロンプトのプレビューが表示されます。

プロンプト: フォントを Arial に変更し、太字にする

ビジュアライゼーション アシスタントのメニューに、グラフのフォントを Arial フォント ファミリーに変更し、テキストを太字にするプロンプトのプレビューが表示されています。

プロンプトをさまざまな手法で記述してみる

プロンプトの作成中に期待する結果が表示されない場合は、プロンプトを言い換えてみてください。条件付き書式を適用する際は、プロンプトをできるだけ明確にしてください。特定の値の範囲を設定し、16 進数コードを指定すると、より効果的な出力を作成できます。次の例をご覧ください。

良いプロンプト: 最初のシリーズが 350,000 を超える場合は #F4B400 にする

不適切なプロンプト: 上位の値を黄色でハイライト表示する

ビジュアリゼーション アシスタント メニューに、350,000 を超える最初のシリーズの値の色を変更するプロンプトのプレビューが表示されます。

プロンプトを出発点として使用する

特に複雑なカスタマイズで、JSON を直接編集する必要がある場合があります。ビジュアリゼーション アシスタントのプロンプトを使用して、複雑なカスタマイズ用のテンプレートとパターンを作成します。次に、グラフ構成の編集を使用して、JSON の書式設定オプションを手動で作成して編集します。HighCharts JSON の使用の詳細については、グラフ構成エディタを使用した可視化のカスタマイズのドキュメントをご覧ください。

サンプル プロンプト

次のサンプル プロンプトをお試しいただき、ビジュアリゼーション アシスタントでビジュアリゼーションのカスタマイズを開始する方法についてアイデアを得てください。

  • 「このグラフを縦棒グラフにする」
  • 「グラフにデータラベルを追加する」
  • 「グラフの余白を 100 px に設定する」
  • 「線の色を赤に設定する」
  • 「グラフの背景色をピンクに設定する」
  • 「折れ線シリーズのマーカーの形状を三角形に設定する」