# グラフチャート

## 描画タイプ

グラフチャートでは、以下の描画タイプが選択できます。

| <p>グラフ </p><p><picture><source srcset="https://1959197998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvyRvOrlY46GCAFYEPPGZ%2Fuploads%2Fgit-blob-ca7905485800f9502a712e91950f158dfdb6b39c%2Fgraph-graph-dark.png?alt=media" media="(prefers-color-scheme: dark)"><img src="https://1959197998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvyRvOrlY46GCAFYEPPGZ%2Fuploads%2Fgit-blob-3eb7186305ea21904dac1897e581c2c21bd6b255%2Fgraph-graph-light.png?alt=media" alt="Graph Chart"></picture></p> | <p>サンキー </p><p><picture><source srcset="https://1959197998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvyRvOrlY46GCAFYEPPGZ%2Fuploads%2Fgit-blob-843e912aaf893977dc7fb832164c9ca151e8b7c2%2Fgraph-sankey-dark.png?alt=media" media="(prefers-color-scheme: dark)"><img src="https://1959197998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvyRvOrlY46GCAFYEPPGZ%2Fuploads%2Fgit-blob-d2cab1a7f804f8564a6f21462b65c7178552b79e%2Fgraph-sankey-light.png?alt=media" alt="Sankey Diagram"></picture></p> |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

## 仕様

### 集計の仕様

グラフチャートでは、[ソースとターゲット（ディメンション）の組み合わせに対して重み（メトリクス）を集計](https://docs.codatum.jp/data-exploration/chart-common#dimension-metric)して、ノード間の関係を描画します。

| 項目    | 役割      | 補足                |
| ----- | ------- | ----------------- |
| ソース   | ディメンション | 接続元のノード           |
| ターゲット | ディメンション | 接続先のノード           |
| 重み    | メトリクス   | エッジの太さやノードのサイズに反映 |

#### 使用例

* 「ページ遷移数」をサンキーで表示
  * ソース（ディメンション）: 遷移元ページ
  * ターゲット（ディメンション）: 遷移先ページ
  * 重み（メトリクス）: 遷移回数の合計値
* 「SNSのユーザ間のメンション関係」をグラフで表示
  * ソース（ディメンション）: メンション元ユーザ
  * ターゲット（ディメンション）: メンション先ユーザ
  * 重み（メトリクス）: メンション回数の合計値

### 描画タイプごとの仕様

#### グラフ

* 有向／無向の切り替え
  * 無向の場合は A→B と B→A が統合されます
* フレーム機能
  * 指定したカラトを分割ムの値でチャーし、スライダーで切り替えることができます。時系列データの変化やカテゴリ別の比較に便利です。
* ヒートマップ表示
  * ノードの重みに応じて色を変更し、重要度を視覚的に表現できます。

#### サンキー図

* 流れの向きが視覚的に分かるように描画されます

## Tips

### フレーム機能

グラフチャートはフレーム機能に対応しています。詳細は[フレーム機能](https://docs.codatum.jp/data-exploration/chart-common#frame-feature)を参照ください。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.codatum.jp/data-exploration/chart/graph-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
