matplotlib マウスイベント まとめ

matplotlibでインタラクティブな操作を可能とするマウスイベントの記事についてまとめました。

ピックイベント

散布図上でクリックした点に関連付けられたデータを下図に表示する

[matplotlib] 69. 散布図上でクリックした点に関連付けられたデータを下図に表示する
matplotlibのマウスイベントとピックイベントを使って、散布図中のクリックした点に関連付けられたデータを下図に表示する方法について説明する。

pick_eventを使って、散布図中(上図)のクリックした点に関連付けられたデータを下図に表示する方法についての例を解説しています。

散布図上でクリックした点の色を変える

[matplotlib] 68. 散布図上でクリックした点の色を変える
matplotlibのマウスイベントとピックイベントを使って、散布図中のクリックした点の色を変化させる方法について説明する。

pick_eventを使って、散布図上でクリックした点の色を変化させる方法についての例を解説しています。

legendのクリックでプロットの表示/非表示きりかえ

[matplotlib] 103. legendのクリックイベントでプロットの表示/非表示きりかえ
matplotlibでlegendのラインをクリックすることでプロットの表示/非表示を切り替える方法について説明する。

pick_eventを使って、legendのラインをクリックすることでプロットの表示/非表示を切り替える例を解説しています。

ColorPickerで色を選択し、クリックしたマーカーを着色

[matplotlib] 74. ColorPickerで色を選択し、クリックしたマーカーを着色する。さらに、色ごとに集計した結果を棒グラフで表示する
ipywidgetsのColorPickerで色を選択し、整列した無着色のマーカーをクリックして着色する方法について説明する。また、色の集計を行い棒グラフで表示する。

pick_eventを使って、整列した無着色のマーカーをクリックして着色する例を解説しています。

エンター&リーブイベント

マウスエンター&リーブイベント図中のfigureの色とaxesの色を変化させる

[matplotlib] 67. マウスのenter & leaveイベントで図中のfigureの色とaxesの色を変化させる
matplotlibのマウスイベントを使って、図中のfigureとaxesに出入りした際に色を変化させる方法について説明する。

enter_event&leave_eventを使って、図中のfigureの色とaxesの色を変化させる例について解説しています。

マウスオーバーイベントで九九表(Multiplication tables)

[matplotlib] 91. マウスオーバーイベントで九九表(Multiplication tables)
matplotlibのaxes_enter_event、axes_leave_eventを使ってaxesの背景色を変えて、マウスオーバーすると答えが出る九九表を作成する。

axes_enter_event、axes_leave_eventを使ってaxesの背景色を変えて、マウスオーバーすると答えが出る九九表を作成する例について解説しています。

ボタンプレス、リリースイベント

画像上でクリックした点の座標と値を表示

[ipywidgets] 18. 画像上でクリックした点の座標をTextareaに表示(mpl_connect('button_press_event', onclick))
jupyter notebook, labのパラメータを対話的に表示できる機能(ipywidgets Textarea)で画像上でクリックした点の座標を表示する方法について説明する。座標の所得には、fig.canvas.mpl_connectの('button_press_event', onclick)を使った。
[ipywidgets] 21. 画像上でクリックした点の座標と値をOutputで表示
jupyter notebook, labのパラメータを対話的に表示できる機能(ipywidgets Output)で画像上でクリックした点の座標と値を表示する方法について説明する。座標の所得には、fig.canvas.mpl_connectの('button_press_event', onclick)を用いた。

button_press_eventを使って画像上でクリックした点の座標と値を表示する例について解説しています。

画像上の任意の位置に四角を表示

[matplotlib] 82. マウスイベントで画像上の任意の位置に四角を表示
matplotlibのbutton_press_event、button_release_event、motion_notify_eventで、画像の任意の位置に四角をインタラクティブに表示する方法について説明する。

button_press_event、button_release_event、motion_notify_eventで、画像の任意の位置に四角をインタラクティブに表示する例について解説しています。

図上の任意の位置に線分を描写

[matplotlib] 65. 'button_release_event'で図に線分を描写
matplotlibのマウスリリースイベントを使って、クリックして離した場所に連続的な線分を描写する方法について説明する。

button_release_eventで、クリックして離した場所に連続的な線分を描写する例について解説しています。

画像上のクリックした場所のRGB値を取得する

[matplotlib] 77. クリックイベントで画像上のクリックした場所のRGB値を取得する
matplotlibで表示した画像上でクリックした位置のRGBデータを取得する方法について説明する。応用例として、クリックで取得したRGB値を背景色に適用する方法についても説明する。

button_press_eventで、画像上でクリックした位置のRGBデータを取得する例について解説しています。

画像上でクリックした2点間のプロファイルを表示

[matplotlib] 62. mpl_connect('button_press_event', onclick)により、画像上でクリックした2点間のプロファイルを表示
matplotlibのbutton_press_eventで取得した座標を用いて、画像上の任意の位置のプロファイルをskimageのprofile_lineで作成し、表示する方法について説明する。

button_press_eventで取得した座標を用いて、画像上の任意の位置のプロファイルをskimageのprofile_lineで作成し、表示する例について解説しています。

モーションイベント

画像の一部をリアルタイムで拡大して表示

[matplotlib] 92. マウスイベントで画像の一部をリアルタイムで拡大(motion_notify_eventなど)
matplotlibのmotion_notify_eventなどを使って画像の四角で囲んだ部分をインタラクティブに拡大する方法について説明する。

motion_notify_eventなどを使って画像の四角で囲んだ部分をインタラクティブに拡大する例について解説しています。

2つの画像間で共通するCursorを表示

[matplotlib] 75. 2つの画像間で共通するCursorを表示
matplotlibのimshowで表示した2つの画像上に共通する十字カーソルを表示する方法について説明する。

motion_notify_eventを使って2つの画像上に共通する十字カーソルを表示する例について解説しています。

マウスカーソルのxの位置に最も近いデータに十字カーソルを合わせる

[matplotlib] 72. マウスカーソルのxの位置に最も近いデータに十字カーソルを合わせる(motion_notify_event)
matplotlibのmotion_notify_eventを使って、マウスカーソルのxの位置に最も近いデータに十字カーソルを合わせる方法について説明する。

motion_notify_eventを使ってマウスカーソルのxの位置に最も近いデータに十字カーソルを合わせる例について解説しています。

マウススクロールイベント

マウススクロールイベントで画像のcmapを選択する

[matplotlib] 111. マウススクロールイベントで画像のcmapを選択
matplotlibのscroll_eventでimshowで表示した画像のcmapを変更する方法について説明する。

scroll_eventでimshowで表示した画像のcmapを変更する例について解説しています。

参考

Event handling and picking — Matplotlib 3.4.3 documentation

コメント