I updated code about mishimasyk6. URL is following. https://github.com/iwatobipen/mishimasyk/tree/master/mishimasyk6_1 repo is https://github.com/iwatobipen/mishimasyk I added tooltip in the scatterplot. So, when user mouse over the point, tooltip will draw structure and mw, fr_sp3. D3js is powerful library for drawing charts. 勉強会でツールチップ実装できなかったって話したんで実装しました。 mishimasyl6_1のコードでは散布図を書いたあとマウスオーバーすると構造とかそれ以外のアノテーションを描画します。 d3.events.pageXでダイレクトにマウスの位置を検出してdivタグ要素にSVGを突っ込めば完了です。 ダイナミックな図ができて面白いと思います。 コードはこんな感じ もしレポジトリをDLして動かない場合はvar RDKit = rdk()のコメント部分を有効にすると動くと思います。 // var RDKit = rdk(); var paddingContinue reading “repo up dateリポジトリ更新”