複数系列の補間計算で、もっと滑らかに動くグラフをExcelで作ろう

以前、動くグラフを簡単に作ろうという記事を書きまして、ありがたいことに関連記事を合計すると１万ビューを超えました。

それに関連して、いろんな補間法で、複数行（あるいは複数列）のデータを簡単に補間計算・アップサンプリングできるようなサービスとかウェブサイトとかが、少なくとも国内には、ほとんど無いことに気づきました。

そこで、いわゆるDIYプログラミングです。Excelの表など、手持ちのデータをコピペで入力すると、簡単に線形補間やスプライン補間、あるいは秋間補間をしてくれる補間計算機を作りました。。

補間計算方法が縦方向か横方向かを選択できるので、縦横を並び替える手間もなく、便利かなと。。

※１分毎とか、１時間間隔など、等間隔の時系列データ等を想定しています。不等間隔データには未対応です。

※本計算結果は、数値・グラフ含めて、自己責任でお使いください。もし計算や描画上の不具合により不都合・損害が生じたとしても、本ブログ著者は責任を負えませんです

複数系列に対応する補間計算機

１．補間の方向を選択 縦方向 横方向

２．データをExcelからコピーしてくるか、手入力してください

クリア

３．補間方法を選択: スプライン補間１（Catmull-Rom-spline） スプライン補間２（natural-cubic-spline） 修正秋間補間（modified-Akima） 線形補間（linear）

４‐１．補間後の各系列ごとの総データ数:
４‐２．または入力データポイント間の分割点の数:

※１　両方入力された場合は総データ数が優先されます
※２　なるべく多くの環境で安定動作させるため総データ数は10000程度を上限としてます

補間の実行 補間について知る

数値をコピー 貼り付け先のアプリについて 数値をクリア

なんでコレを作ったか？

冒頭の通り、過去に「動くグラフをExcelで簡単に作れる仕組みを作ったよ」という記事を書きました。

この時は、ビジネス上などで変な誤解を与えることが少ない、ということで、線形補間のみをExcelに実装しました。

でも、魅せるグラフという意味では、線形補間でややカクついた動きとなるよりも、場合によってはスプライン補間や秋間補間で滑らかな動きになる方が、価値が高いこともあるのでは？とも最近思いまして。。少なくとも、ユーザーさんが選べるといいんだろうなと。。

PythonやRを使う人なら、良いライブラリがあるので補間計算できると思います。ただ、いちいちそのためだけにVS-CODEやR-Studioを起動するの面倒くさいですよね。。

ということで、簡単に補間計算できるウェブサイトがあってもいいのでは？ということでやってます。

過去記事で紹介した「動くグラフ」をこの補間データで動かしてみる

ダミーデータを使って、まずは各方法で補間データを作りました。

で、これをもとに動く棒グラフを作成すると、次のようになりました。線形補間はシャキッと動いて、実直な感じです。続いて修正秋間→Catmull-Romスプライン→自然スプラインと、滑らかな動きとなっていってます。

また、乱数でダミーのXY座標とダミーバブルサイズを作り、それを各補間法で作成した補間データで動くバブルチャートにしたのが次となります。線形補間のキビキビした動きと、自然スプラインの滑らかな動きが対照的です。

ご注意・補足事項

1. 本計算結果は、数値・グラフ含めて、自己責任でお使いください。もし計算や描画上の不具合により不都合・損害が生じたとしても、本ブログ著者は責任を負いません。
2. 計算は各ユーザー様のローカル環境で行われます、管理人が入手することは一切ありません。
3. この補間計算機は個人・商用問わずご使用頂けると嬉しいですが、本プログラムの著作権は放棄しておらず、無断複製や転用は不可です。
4. スプラインはCatmull-Romとnatural-cubicの２パターンのみです。あまり沢山あってもしょうがないので、クランプとかは入れてません。秋間はmodified-akimaです。
5. 描画に使用しているD3.jsの仕様上、グラフはコピーできないようです。あくまでその場の確認程度とご理解ください。Ctrl+Shift+Sでスニペットツールを使ったスクリーンショットはもちろん可能ですが、基本はExcelでグラフ化等の処理を行うことを想定しています。