---
url: "/ja/pitchdeck/design/charts.md"
description: "CSVファイルのデータからFigmaのスライドにグラフを自動生成するには、スライドリストの下にある**Add Slides/Charts**ボタンをクリックし、**Chart Builder**タブが選択されていることを確認してから、次の3つの手順に従います。"
---

# スプレッドシートのデータからグラフをインポートする

> CSVファイルのデータからFigmaのスライドにグラフを自動生成するには、スライドリストの下にある**Add Slides/Charts**ボタンをクリックし、**Chart Builder**タブが選択されていることを確認してから、次の3つの手順に従います。

[Video](/assets/videos/pitchdeck/design/create-chart-from-csv.mp4)

## 1. グラフの種類を選ぶ {#_1-select-chart-type}

次のグラフから1つを選べます。

- 横棒グラフ（Bar Chart）
- 縦棒グラフ（Column Chart）
- 折れ線グラフ（Line Chart）
- 面グラフ（Area Chart）
- 複合グラフ（Combo Chart）
- ドーナツグラフ（Donut Chart）
- 円グラフ（Pie Chart）
- 散布図（Scatter Chart）
- 階段状の面グラフ（Stepped Area Chart）

## 2. CSVからグラフのデータを追加する {#_2-add-chart-data-from-csv}

グラフの種類を選ぶと、データには「サンプルデータ」があらかじめ入力されています。自分のデータを使うには、`.csv`ファイルをドロップゾーンにドラッグ＆ドロップします。グラフのプレビューにデータが自動的に反映されます。CSVファイルからプラグインに読み込んだデータは、`.csv`アップロード用のドロップゾーンの下にある行・列の入力欄をクリックして、少しだけ編集することもできます。

> **Tip:** **グラフの種類ごとのサンプルCSVファイルをダウンロードする**。グラフの種類をクリックしてから、**chart-type-name-sample-data.csv**リンク（Chart Builderウィンドウの*2. Add Chart Data*見出しのすぐ横）をクリックすると、どのグラフの種類でもサンプルデータを含む`.csv`ファイルをパソコンにダウンロードできます。CSVファイルを編集・更新してプラグインのドロップゾーンにドロップすると、そのデータがグラフに適用されます。

## 3. グラフのスライドをFigmaに追加する {#_3-add-chart-slide-to-figma}

グラフの種類を選び、CSVファイルをドロップゾーンにドロップしたら、**Add Chart Slide to Figma**ボタンをクリックします。グラフがすぐに、プレゼンテーションの新しい編集可能なスライドとしてFigmaに追加されます。

プラグインからグラフを挿入するとページに自動で追加されるベクター・テキストレイヤーを編集すれば、グラフのデザインの色、テキストの内容、その他の要素を必要に応じてカスタマイズできます。

## 既存のグラフを再度開いて更新する {#reopen-and-refresh-an-existing-chart}

1. **Tools** > **Commands & search**（**Command/Ctrl+K**）を選び、**Refresh charts and KPIs**を選びます。
2. 既存のPitchdeckのグラフを選択します。保存されたデータとグラフのオプションがビルダーで再び開きます。
3. 表を編集するか、2 MB未満のCSVをアップロードするか、公開されたスプレッドシートのHTTPSのCSV URLを入力して**Fetch and preview published CSV**を選びます。非公開のスプレッドシートの場合は、CSVをダウンロードして使う必要があります。更新は、リクエストしたときにだけ行われます。
4. グラフを確認し、ソースのラベルを入力してから、**Update chart and bound KPIs**を選びます。

更新しても、グラフのフレームのID、親、位置、サイズ、リンク、フレームレベルのモーションは維持されます。内部のアートワークは、保存されたグラフのオプションを使って置き換えられます。内部のベクターレイヤーに加えた手動の編集は保持されません。更新する前に、内部のリンクやアニメーションをグラフのフレームに移動してください。ソースのラベル、URL、更新日はグラフと一緒に保存されます。

見出し行があり、データ行が1〜5,000行、列が2〜50列の表を使ってください。数値の系列には有限の数値が含まれている必要があります。ソースデータとオプションは、それぞれの保存容量の上限に収まっている必要があります。

指標をバインドするには、**Bind a KPI to this chart**を展開し、テキストオブジェクトを選択して、そのデータの行と値の列を選び、接頭辞、接尾辞、小数点以下の桁数を設定します。値をプレビューしてから、バインドを保存します。グラフを更新すると、読み込まれているページ上のバインドされたKPIテキストが、保存された書式で更新されます。ソースのグラフやテキストが変更されている場合、古い更新は拒否され、もう一度確認できるようになります。