> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wandb.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# トレースプロットを使用する

> Weave のインタラクティブなチャートでトレースレベルのメトリクスを可視化し、LLM アプリケーションのレイテンシ、コスト、トークン使用量のパターンを分析します。

W\&B Weave の *トレースプロット* ツールを使用すると、インタラクティブなチャートでトレースレベルのメトリクス (たとえば、レイテンシ、コスト、トークン数) を探索、可視化、デバッグできます。デフォルトのトレースプロットを使用することも、カスタムトレースプロットビルダーを通じて独自に作成することもできます。このガイドでは、トレースプロット パネルを開く方法、デフォルトのプロットを操作する方法、project のデータに合わせてカスタム プロットを作成する方法を説明します。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541/2zcI9AceqachbiPB/weave/guides/tracking/imgs/plots-example.png?fit=max&auto=format&n=2zcI9AceqachbiPB&q=85&s=08aeba91e08f6fa1e2d0d2d63ae88950" alt="トレースプロットの動作例" width="1590" height="1292" data-path="weave/guides/tracking/imgs/plots-example.png" />
</Frame>

<div id="get-started">
  ## はじめに
</div>

projectのトレースプロットのサイドペインを開くには、次の手順に従います:

1. projectの **Traces** ページにアクセスします。
2. 任意: **Filter** を選択して、選択したトレースを絞り込みます (例: 日時やオペレーションで) 。
3. **Traces** ビューの右上にある **Show Metrics** アイコンをクリックして、トレースプロットのサイドペインを開きます。

   <img src="https://mintcdn.com/wb-21fd5541/2zcI9AceqachbiPB/weave/guides/tracking/imgs/plots-show-metrics-icon.png?fit=max&auto=format&n=2zcI9AceqachbiPB&q=85&s=b2354dea9b3b4c90f75b5757e3f189a7" alt="Show Metrics アイコン" width="106" height="104" data-path="weave/guides/tracking/imgs/plots-show-metrics-icon.png" />

   ここから、次のことができます:

   * [デフォルトのトレースプロット](#default-trace-plots)を表示します。
   * [カスタムトレースプロット](#create-a-custom-trace-plot)を作成します。
4. チャートは、トレースフィルターや選択内容に応じて動的に更新されます。

<div id="default-trace-plots">
  ## デフォルトのトレースプロット
</div>

トレースプロットパネルを初めて開くと、Weave は利用可能なprojectのトレースデータに基づいて、トレースプロットを自動生成します。

* 棒グラフ (時間ビンごとにコストまたはレイテンシを集計)。
* 折れ線グラフ (時間に対するレイテンシ)。
* 散布図 (例: prompt token と completion token の比較)。

各トレースプロットはインタラクティブです:

* ホバーするとツールチップを表示。
* ドラッグしてズーム。
* ダブルクリックしてリセット。
* 散布図内の点をクリックして特定のトレースを開く。

<div id="create-a-custom-trace-plot">
  ## カスタムトレースプロットを作成する
</div>

デフォルトのトレースプロットで必要なメトリクスや関係性が表示されない場合は、独自のトレースプロットを作成できます。カスタムトレースプロットを作成するには、次の手順に従います。

1. トレースプロットのサイドペイン で **➕ Add Chart** をクリックします。

   <img src="https://mintcdn.com/wb-21fd5541/2zcI9AceqachbiPB/weave/guides/tracking/imgs/plots-add-chart.png?fit=max&auto=format&n=2zcI9AceqachbiPB&q=85&s=45ab639f4b75b25fcba0ce90d5fc0b8d" alt="➕ Add Chart ボタン" width="282" height="104" data-path="weave/guides/tracking/imgs/plots-add-chart.png" />

2. ポップアップで、利用可能なカスタムトレースプロットタイプを 1 つ選択します。

   <img src="https://mintcdn.com/wb-21fd5541/2zcI9AceqachbiPB/weave/guides/tracking/imgs/plots-custom-chart-types.png?fit=max&auto=format&n=2zcI9AceqachbiPB&q=85&s=768f5102045f90567abe657a7e43c558" alt="利用可能なカスタムトレースプロットのタイプ" width="998" height="654" data-path="weave/guides/tracking/imgs/plots-custom-chart-types.png" />

3. 選択したトレースプロットタイプに応じて、トレースプロットを設定します。トレースプロットタイプごとの設定オプションについては、[プロットタイプ別のトレースプロット設定](#trace-plot-settings-by-plot-type)を参照してください。

4. **Save chart** をクリックして、チャートを保存します。

カスタムトレースプロットがトレースプロットのサイドペインに表示され、デフォルトのプロットと並んで、トレースフィルターや選択内容に応じて動的に更新されます。

<div id="trace-plot-settings-by-plot-type">
  ### プロットタイプ別のトレースプロット設定
</div>

カスタムトレースプロットを追加または編集する際、利用可能な設定オプションは、選択したトレースプロットタイプによって異なります。以下の表は、設定可能なオプションを示しています。

| 設定    | 散布図     | 折れ線グラフ            | 棒グラフ              |
| ----- | ------- | ----------------- | ----------------- |
| Y軸    | ✅ 必須    | ✅ 必須              | ✅ 必須              |
| X軸    | ✅ 選択可能  | 固定 (`started at`) | 固定 (`started at`) |
| グループ化 | ✅ 任意    | ✅ 任意              | ✅ 任意              |
| ビニング  | ❌ 使用しない | ✅ 使用              | ✅ 使用              |
| 集計    | ❌ 使用しない | ✅ 使用              | ✅ 使用              |