本文へスキップ
Alphaviz Lab

alphaviz — 数式・統計・金融の可視化ライブラリ

alphaviz は AlphaInsiders が内製している、数式・統計・金融データを可視化するための React コンポーネント群です。SVG 100% で描画するため、記事の本文と同じように静的 HTML へ焼き込んだ状態でも図が表示され、スクロール連動のフェードインやスライダーによる パラメータ操作にも対応します。stats(統計学基礎シリーズ)や weekly(週次市況レポート)の 記事中に埋め込まれている数式アニメーション・散布図・時系列チャートは、いずれもこの ライブラリで作られています。

このページでは、alphaviz の代表的なプリミティブ(座標軸・グリッド・関数プロット・ 散布点・数式(KaTeX)・矢印・ラベル)を組み合わせた 3 つのデモを掲載しています。

デモ

正規分布とパラメータ変化

μ と σ を動かして、分布がどう変形するかを観察する。

正規分布 N(μ, σ²)
μ = 0.00, σ = 1.00−6−4−20246x0.00.10.20.30.40.5f(x)

線形回帰の幾何

散布点を最小二乗法で回帰し、残差ベクトルを矢印で示す。

線形回帰と残差
R² = 0.991601234567x0246810y

時系列と 20 日移動平均

スクロールで画面に入ると価格系列と移動平均がフェードインする。

疑似価格系列と MA20MA 20020406080100day100105110115price