デモ一覧/05

enter / update / exit

データ結合(join)の3状態を色分きで観察する棒グラフ。データ更新のたびに、追加(enter)・継続(update)・退場(exit)がどう動くかをイージングと時間を変えながら確かめられる。

d3-selectiond3-transitiond3-ease
デモを読み込み中…

「データ更新」を押すたびに、26文字からランダムなサブセットを選び直します。緑=新たに追加された棒(enter)、白=残った棒(update)、赤=消えていく棒(exit)です。