CSVから折れ線グラフを作成する

新規ヌルレイヤーを作成して、名前を「Controller」にする。

Controllerをガイドレイヤーに変更する

エフェクト→エクスプレッション制御→スライダー制御を選択（２つ複製して合計3つ作成）

スライダーの名前を「Number of Points」と「Max Y Value」、「Min Y Value」に変更する。

新規シェイプレイヤーを追加する

コンテンツに「線」を追加する

任意の色を設定する

コンテンツに「パス」も追加する（最終的にはパスが線の上にある必要あり）

csvフォルダを作成し、そこにcsvをドラッグ&ドロップ

csvはこんな構成↓

パスのエクスプレッションを開く

以下のコードをエクスプレッションに記入（csvのファイル名や列番号（0-indexed）は適宜修正）

==================================================
var numberOfPoints = thisComp.layer(“Controller”).effect(“Number of Points”)(“スライダー”);
var maxYValue = thisComp.layer(“Controller”).effect(“Max Y Value”)(“スライダー”);
var minYValue = thisComp.layer(“Controller”).effect(“Min Y Value”)(“スライダー”);

var startingPointX = 0;
var spacingForPoints = thisComp.width / (numberOfPoints – 1);
var arrayOfPoints = [];

for (var i = 0; i < numberOfPoints; i++) {
// Read CSV: row i+1 (skip header), column 1 = Y values
var values = thisComp.layer(“【ファイル名】.csv”).footage(“【ファイル名】.csv”).dataValue([【列番号】,i]);

// Normalise Y to comp height (flip so bigger values go upward)
var lineHeight = linear(values, minYValue, maxYValue, 0, thisComp.height) * -1;

arrayOfPoints.push([startingPointX, lineHeight]);
startingPointX += spacingForPoints;
}

createPath(arrayOfPoints, [], [], false);
==================================================

【注意】エラーがでる時は、ウィップでControllerと再接続したり、コードをマニュアルで書き直したりする必要あり。csvのファイル名もマニュアル修正要。