Webブラウザ上で動かすプログラムは遅い、と感じてしまう方はぜひWebAssemblyにトライしてみましょう。表示にCanvasを使えば高速ですし、コンパイルされているのでコードを見られることもありません。ロジックの隠蔽と表示の高速化、二つのメリットがあります。 そんなWebAssemblyによるデモとしてPerspectiveを紹介します。ピボットテーブルや大量のデータのグラフ化を行うライブラリです。

Perspectiveの使い方

ピボットテーブルの例です。

縦横ともにドラッグ&ドロップでメンテナンスできます。

さらに複雑なグラフの描画も。データの表示、非表示といった変更もリアルタイムに反映されます。

表示する情報を変更すればグラフにも即座に反映されます。

情報を変更しました。

グラフの種類も変えられます。

大量のデータもスムーズに表示されます。

JavaScriptも高速化されていますが、それでもWebAssemblyにはとても敵うものではありません。WebAssemblyはDOM操作ができないのが欠点ですが、Canvasを使うようなチャートなどであれば問題ないでしょう。

PerspectiveはC++製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。

Perspectiv e| perspective jpmorganchase/perspective: Streaming pivot visualization via WebAssembly