d3 image brush

D3 Brush機能をユーザーインターフェイスの作成に利用する

d3 image brush

example

小ネタです。
画像上をドラッグして範囲を選択すると、選択した範囲の座標(左上,右下)を取得します。
ときおり、こういったUIが必要になるのですが、D3.jsのbrush機能を利用すると簡単に作成することができます。

サンプル

カテゴリー: D3v3