1. グラフの種類を選ぶ
次のグラフから1つを選べます。
- 横棒グラフ（Bar Chart）
- 縦棒グラフ（Column Chart）
- 折れ線グラフ（Line Chart）
- 面グラフ（Area Chart）
- 複合グラフ（Combo Chart）
- ドーナツグラフ（Donut Chart）
- 円グラフ（Pie Chart）
- 散布図（Scatter Chart）
- 階段状の面グラフ（Stepped Area Chart）
2. CSVからグラフのデータを追加する
グラフの種類を選ぶと、データには「サンプルデータ」があらかじめ入力されています。自分のデータを使うには、.csvファイルをドロップゾーンにドラッグ＆ドロップします。グラフのプレビューにデータが自動的に反映されます。CSVファイルからプラグインに読み込んだデータは、.csvアップロード用のドロップゾーンの下にある行・列の入力欄をクリックして、少しだけ編集することもできます。
グラフの種類ごとのサンプルCSVファイルをダウンロードする。グラフの種類をクリックしてから、chart-type-name-sample-data.csvリンク（Chart Builderウィンドウの2. Add Chart Data見出しのすぐ横）をクリックすると、どのグラフの種類でもサンプルデータを含む.csvファイルをパソコンにダウンロードできます。CSVファイルを編集・更新してプラグインのドロップゾーンにドロップすると、そのデータがグラフに適用されます。
3. グラフのスライドをFigmaに追加する
グラフの種類を選び、CSVファイルをドロップゾーンにドロップしたら、Add Chart Slide to Figmaボタンをクリックします。グラフがすぐに、プレゼンテーションの新しい編集可能なスライドとしてFigmaに追加されます。
プラグインからグラフを挿入するとページに自動で追加されるベクター・テキストレイヤーを編集すれば、グラフのデザインの色、テキストの内容、その他の要素を必要に応じてカスタマイズできます。
既存のグラフを再度開いて更新する
- Tools > Commands & search（Command/Ctrl+K）を選び、Refresh charts and KPIsを選びます。
- 既存のPitchdeckのグラフを選択します。保存されたデータとグラフのオプションがビルダーで再び開きます。
- 表を編集するか、2 MB未満のCSVをアップロードするか、公開されたスプレッドシートのHTTPSのCSV URLを入力してFetch and preview published CSVを選びます。非公開のスプレッドシートの場合は、CSVをダウンロードして使う必要があります。更新は、リクエストしたときにだけ行われます。
- グラフを確認し、ソースのラベルを入力してから、Update chart and bound KPIsを選びます。
更新しても、グラフのフレームのID、親、位置、サイズ、リンク、フレームレベルのモーションは維持されます。内部のアートワークは、保存されたグラフのオプションを使って置き換えられます。内部のベクターレイヤーに加えた手動の編集は保持されません。更新する前に、内部のリンクやアニメーションをグラフのフレームに移動してください。ソースのラベル、URL、更新日はグラフと一緒に保存されます。
見出し行があり、データ行が1〜5,000行、列が2〜50列の表を使ってください。数値の系列には有限の数値が含まれている必要があります。ソースデータとオプションは、それぞれの保存容量の上限に収まっている必要があります。
指標をバインドするには、Bind a KPI to this chartを展開し、テキストオブジェクトを選択して、そのデータの行と値の列を選び、接頭辞、接尾辞、小数点以下の桁数を設定します。値をプレビューしてから、バインドを保存します。グラフを更新すると、読み込まれているページ上のバインドされたKPIテキストが、保存された書式で更新されます。ソースのグラフやテキストが変更されている場合、古い更新は拒否され、もう一度確認できるようになります。