alphaviz — 数式・統計・金融の可視化ライブラリ
alphaviz は AlphaInsiders が内製している、数式・統計・金融データを可視化するための React コンポーネント群です。SVG 100% で描画するため、記事の本文と同じように静的 HTML へ焼き込んだ状態でも図が表示され、スクロール連動のフェードインやスライダーによる パラメータ操作にも対応します。stats(統計学基礎シリーズ)や weekly(週次市況レポート)の 記事中に埋め込まれている数式アニメーション・散布図・時系列チャートは、いずれもこの ライブラリで作られています。
このページでは、alphaviz の代表的なプリミティブ(座標軸・グリッド・関数プロット・ 散布点・数式(KaTeX)・矢印・ラベル)を組み合わせた 3 つのデモを掲載しています。
デモ
正規分布とパラメータ変化
μ と σ を動かして、分布がどう変形するかを観察する。
線形回帰の幾何
散布点を最小二乗法で回帰し、残差ベクトルを矢印で示す。
時系列と 20 日移動平均
スクロールで画面に入ると価格系列と移動平均がフェードインする。