> ## Documentation Index
> Fetch the complete documentation index at: https://wb-21fd5541-serverless-sft-revamp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 折れ線グラフの概要

> メトリクス の可視化、軸のカスタマイズ、プロット上での複数ラインの比較

デフォルトでは、 `wandb.Run.log()` で記録されたメトリクスに対して折れ線グラフ（Line plots）が表示されます。折れ線グラフをカスタマイズして、複数のラインを比較したり、カスタム軸を計算したり、ラベル名を変更したりすることができます。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/QsApub3CFB__RjRV/images/app_ui/line_plot_example.png?fit=max&auto=format&n=QsApub3CFB__RjRV&q=85&s=a6e9bf216b07b6df3f7c4cc01483aa67" alt="Line plot example" width="1838" height="622" data-path="images/app_ui/line_plot_example.png" />
</Frame>

<Tip>
  [CoreWeave](https://coreweave.com) インフラストラクチャー上で実行される [Runs](/models/runs) については、 [CoreWeave Mission Control](https://www.coreweave.com/mission-control) が計算インフラを監視します。エラーが発生した場合、W\&B はプロジェクトの Workspace 内の Run のプロットにインフラストラクチャー情報を反映します。詳細は [Visualize CoreWeave infrastructure alerts](/models/runs#visualize-coreweave-infrastructure-alerts) を参照してください。
</Tip>

## 折れ線グラフの設定を編集する

このセクションでは、個別の折れ線グラフパネル、セクション内のすべての折れ線グラフパネル、または Workspace 内のすべての折れ線グラフパネルの設定を編集する方法を説明します。折れ線グラフの設定に関する包括的な詳細は、 [Line plot reference](/models/app/features/panels/line-plot/reference) を参照してください。

### 個別の折れ線グラフ

個別の折れ線グラフの設定は、セクションや Workspace の折れ線グラフ設定よりも優先されます。折れ線グラフをカスタマイズするには：

1. パネルにマウスを合わせ、ギアアイコンをクリックします。
2. 表示されるドロワー内で、タブを選択して設定を編集します。
3. **Apply** をクリックします。

折れ線グラフの設定は以下のタブに分かれています：

* **Data**: X軸、Y軸、サンプリング方法、スムージング、外れ値、チャートタイプを設定します。
* **Grouping**: プロット内で Runs をグループ化および集計するかどうか、およびその方法を設定します。
* **Chart**: パネルと軸のタイトルを指定し、凡例の表示・非表示と位置を設定します。
* **Legend**: パネルの凡例の外観と内容をカスタマイズします。
* **Expressions**: 軸に対してカスタム計算式を追加します。

各設定の詳細については、 [Line plot reference](/models/app/features/panels/line-plot/reference) を参照してください。

### セクション内のすべての折れ線グラフ

セクション内のすべての折れ線グラフのデフォルト設定をカスタマイズし、Workspace の設定を上書きするには：

1. セクションのギアアイコンをクリックして設定を開きます。
2. 表示されるドロワー内で、 **Data** または **Display preferences** タブを選択して、セクションのデフォルト設定を構成します。各 **Data** 設定の詳細については、 [Line plot reference](/models/app/features/panels/line-plot/reference) を参照してください。表示設定の詳細については、 [Configure section layout](../#configure-section-layout) を参照してください。

### Workspace 内のすべての折れ線グラフ

Workspace 内のすべての折れ線グラフのデフォルト設定をカスタマイズするには：

1. **Settings** というラベルの付いたギアアイコンがある Workspace の設定をクリックします。
2. **Line plots** をクリックします。
3. 表示されるドロワー内で、 **Data** または **Display preferences** タブを選択して、 Workspace のデフォルト設定を構成します。
   * 各 **Data** 設定の詳細については、 [Line plot reference](/models/app/features/panels/line-plot/reference) を参照してください。
   * 各 **Display preferences** セクションの詳細については、 [Workspace display preferences](../#configure-workspace-layout) を参照してください。 Workspace レベルでは、折れ線グラフのデフォルトの **Zooming** （ズーム）の振る舞いを設定できます。この設定は、一致する X軸キーを持つ折れ線グラフ間でズームを同期させるかどうかを制御します。デフォルトでは無効になっています。

## プロットで平均値を可視化する

複数の異なる Experiments があり、それらの値の平均をプロットで確認したい場合は、テーブルの Grouping 機能を使用できます。 Run テーブルの上にある "Group" をクリックし、 "All" を選択すると、グラフに平均値が表示されます。

平均化する前のグラフは以下のようになります：

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/QsApub3CFB__RjRV/images/app_ui/demo_precision_lines.png?fit=max&auto=format&n=QsApub3CFB__RjRV&q=85&s=998c422fe00f639e61615e7c98cbaf50" alt="Individual precision lines" width="849" height="440" data-path="images/app_ui/demo_precision_lines.png" />
</Frame>

次の画像は、グループ化されたラインを使用して、 Runs 全体の平均値を表すグラフを示しています。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/QsApub3CFB__RjRV/images/app_ui/demo_average_precision_lines.png?fit=max&auto=format&n=QsApub3CFB__RjRV&q=85&s=ebd1411d3085ab2de9c96e22eef3653b" alt="Averaged precision lines" width="852" height="441" data-path="images/app_ui/demo_average_precision_lines.png" />
</Frame>

## プロットで NaN 値を可視化する

`wandb.Run.log()` を使用して、 PyTorch テンソルを含む `NaN` 値を折れ線グラフにプロットすることもできます。例：

```python theme={null}
with wandb.init() as run:
    # NaN値をログに記録
    run.log({"test": float("nan")})
```

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/ZFL777G1O_Fg8XUC/images/app_ui/visualize_nan.png?fit=max&auto=format&n=ZFL777G1O_Fg8XUC&q=85&s=3381ff4e7631578ae521cbef1b3d78f5" alt="NaN value handling" width="936" height="688" data-path="images/app_ui/visualize_nan.png" />
</Frame>

## 1つのチャートで複数のメトリクスを比較する

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/ZFL777G1O_Fg8XUC/images/app_ui/visualization_add.gif?s=c6d320bd4c09de2581efbbef4a9db295" alt="Adding visualization panels" width="3866" height="2574" data-path="images/app_ui/visualization_add.gif" />
</Frame>

1. ページの右上隅にある **Add panels** ボタンを選択します。
2. 表示される左パネルから、 Evaluation ドロップダウンを展開します。
3. **Run comparer** を選択します。

## 折れ線グラフの色を変更する

デフォルトの Runs の色が比較に役立たない場合があります。これを解決するために、 wandb では手動で色を変更できる2つの方法を提供しています。

<Tabs>
  <Tab title="Runテーブルから">
    各 Run には、初期化時にデフォルトでランダムな色が割り当てられます。

    <Frame>
      <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/ZFL777G1O_Fg8XUC/images/app_ui/line_plots_run_table_random_colors.png?fit=max&auto=format&n=ZFL777G1O_Fg8XUC&q=85&s=0e78f9acf856cadec64b5e36d04ba37d" alt="Random colors given to runs" width="272" height="174" data-path="images/app_ui/line_plots_run_table_random_colors.png" />
    </Frame>

    いずれかの色をクリックすると、カラーパレットが表示され、そこから希望の色を手動で選択できます。

    <Frame>
      <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/ZFL777G1O_Fg8XUC/images/app_ui/line_plots_run_table_color_palette.png?fit=max&auto=format&n=ZFL777G1O_Fg8XUC&q=85&s=0fa5c6811afd741fa62c38c4c8b61355" alt="The color palette" width="261" height="393" data-path="images/app_ui/line_plots_run_table_color_palette.png" />
    </Frame>
  </Tab>

  <Tab title="チャート凡例設定から">
    1. 設定を編集したいパネルの上にマウスを置きます。
    2. 表示される鉛筆アイコンを選択します。
    3. **Legend** タブを選択します。

    <Frame>
      <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/ZFL777G1O_Fg8XUC/images/app_ui/plot_style_line_plot_legend.png?fit=max&auto=format&n=ZFL777G1O_Fg8XUC&q=85&s=fcf858600a1f122939fd5be5056b932d" alt="Line plot legend settings" width="2682" height="1166" data-path="images/app_ui/plot_style_line_plot_legend.png" />
    </Frame>
  </Tab>
</Tabs>

## 異なる X軸で可視化する

実験にかかった絶対時間を確認したい場合や、実験が実行された日付を確認したい場合は、 X軸を切り替えることができます。以下は、ステップから相対時間、そして実時間（wall time）に切り替える例です。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/QsApub3CFB__RjRV/images/app_ui/howto_use_relative_time_or_wall_time.gif?s=98285caa951431d1c9ed5ffde99f725c" alt="X-axis time options" width="3348" height="1880" data-path="images/app_ui/howto_use_relative_time_or_wall_time.gif" />
</Frame>

カスタム X軸を使用するには、 Y軸をログに記録するのと同じ `wandb.Run.log()` の呼び出しでメトリクスを記録します。例：

```python theme={null}
with wandb.init() as run:
    for i in range(100):
        run.log({"accuracy": acc, "custom_x": i * 10})
```

詳細については、 [Customize log axes](/models/track/log/customize-logging-axes#customize-log-axes) を参照してください。

## ズーム

長方形をクリックしてドラッグすると、垂直方向と水平方向を同時にズームできます。これにより、 X軸と Y軸のズームが変更されます。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/ZFL777G1O_Fg8XUC/images/app_ui/line_plots_zoom.gif?s=3d49bd329ff2ee81a06e3322d8db42be" alt="Plot zoom functionality" width="1056" height="473" data-path="images/app_ui/line_plots_zoom.gif" />
</Frame>

## チャートの凡例を非表示にする

このシンプルな切り替えスイッチで、折れ線グラフの凡例をオフにできます。

<Frame>
  <img src="https://mintcdn.com/wb-21fd5541-serverless-sft-revamp/QsApub3CFB__RjRV/images/app_ui/demo_hide_legend.gif?s=854e86ced08407793cdbacb843b86417" alt="Hide legend toggle" width="2720" height="1246" data-path="images/app_ui/demo_hide_legend.gif" />
</Frame>

## Run メトリクス通知を作成する

[Automations](/models/automations/) を使用して、 Run メトリクスが指定した条件を満たしたときにチームに通知します。オートメーションは Slack チャンネルへの投稿や Webhook の実行が可能です。

折れ線グラフから、表示されているメトリクスに対して [run metrics notification](/models/automations/automation-events/#run-events) を素早く作成できます。

1. パネルの上にマウスを置き、ベルのアイコンをクリックします。
2. 基本設定または詳細設定コントロールを使用してオートメーションを構成します。例えば、オートメーションの範囲を制限するために Run フィルターを適用したり、絶対的な閾値を設定したりします。

[Automations](/models/automations/) について詳しくはこちら。