ブックマークレットやUserScriptってご存知でしょうか。利用者が書いたJavaScriptでWEBサイトをカスタマイズできてしまうあれです。
今回は、下記のMaserのプロジェクトページをアレンジするスクリプトの紹介です。Maserのプロジェクトページは、データが少ないときは良いのですが、増えてくると辛くなってきます。
これをUserScriptの導入で、次のように出来ます。
UserScriptを使うには、プラグインを入れるのが手っ取り早いです。Tampermonkeyというプラグインをインストールしましょう。Chromeであればhttps://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ja からインストール出来ます。TampermonkeyはFirefox, Edge, Safariなどにも対応しているようです。
Tampermonkeyをインストールしたら、次のURLを開いてください。 https://www.suikou.fs.a.u-tokyo.ac.jp/software/MaserProjectpage.user.js
そうすると、「Maser Project page」のインストールをするか聞かれるので、インストールを選択してください。その後プロジェクトページを開くと、上のようにCytoscape.jsを使ったネットワーク図に置き換わっていると思います。（データ数が1，2個の少ないときは、アイコンがとても大きく表示されてしまいますが、いずれ調整したいです。。。）
左クリックで、ファイルダウンロードなどのダイアログを開き、
右クリックで、複数選択ボックスを開き、
ホイールで拡大・縮小
左ドラッグでノードの移動
が行えます。