本文へ移動

§01-18Data Visualization

箱ひげ / バイオリン

四分位と外れ値で分布の広がりを示す。

平均だけでは見えない値のばらつきや偏りを比較する。複数グループの分布を並べて差を確かめたいときに向く。

実装のポイント

四分位と最小・最大(または 1.5IQR のひげと外れ値)を SVG の線と矩形で描く。分布の形まで見せたい場合はカーネル密度推定でバイオリンを重ねる。

特徴
  • チャート
デモで使っているもの
  • SVG
ソース
box-plot.tsx