
409
18.8 簡単なツールチップの作成
べてみましょう。
18.7
完成した地図
国と丸印の更新パターンができたので、この地図はユーザドリブンのフィルタリングに滑らかな
遷移で対応するでしょう。図
18-5
は、ノーベル経済学賞を選択した結果を表しています。受賞国
だけがハイライトされたままで受賞者数を示す丸印のサイズが変更され、経済学賞での米国の優勢
を反映しています。■
現状ではこの地図はインタラクティブではありませんが、
mouseenter
と
mouseout
コールバック
関数を呼び出して
active
クラスの追加や削除を行えば、ユーザがマウスを特定の国の上に乗せた
ときがわかるようにします。このコールバックで、ツールチップや国をクリック可能なデータフィ
ルタとして使うなどのさらなる機能を地図に追加できます。次は、このコールバックを使用して簡
単なツールチップを作成し、マウスを乗せた国と簡単な受賞情報を表示してみましょう。
18.8
簡単なツールチップの作成
ツールチップやその他のインタラクティブなウィジェット
†
は、データ可視化でよく要求される
類のものです。このようなウィジェットは複雑になってしまう場合がありますが、特にそれ自体が
インタラクティブな場合(例えば、マウスを乗せると現れるメニュー)には、知っておくと便利な
簡単な方法があります。この節では、単純なのに効果的なツールチップを作成する方法を紹介しま
す。目標とするツールチップを図
18-6
に示します。■
mouseenter
と
mouseout
コールバック関数を使った現在の ...