要件
本件では、Node.jsで整形した株式、財務データを使って、TouchDesignerによるデータビジュアライズ表現を実装しました。
開発フェーズ
データビジュアライズにはTouchDesignerを使用しています。複数人で映像シーンを開発するにあたり、弊社ではデータの選定・監修と、TouchDesignerへのインポートが容易なCSV形式への変換、データ整形を行いました。
TouchDesignerへデータを渡す前段階としてNode.jsを使用しています。Yahoo!Finance APIからは日足の日経平均株価、EDINET APIからはB/SとP/Lに含まれる売上や資産、負債など主要な財務情報をピックアップしてCSV形式に落とし込みました。
クリエーション・現場調整
データ監修に加えて、一部映像シーンを演出指示のもと実装しています。前段階でTouchDesignerが扱いやすいようデータ処理を行ったことで、見栄えを担保しつつも元データのニュアンスを失わない、データとビジュアルのバランスが取れた表現に落とし込むことができました。