きっかけ
平面の構造式と立体モデルを行き来しながら、分子の形とつながりを確認したい。
つくった仕組み
PubChemの公開データをRDKit.jsと3Dmol.jsで表示。回転に合わせた2D表示や共役系の強調、2分子の比較を組み合わせています。
できること
- 化合物名・CAS番号・SMILESで検索
- 2D構造式と3Dモデルを連動表示
- 共役系の強調と2分子比較
化合物名・CAS番号・SMILESなどから公開データを取得し、2D構造式と3D分子モデルを並べて表示するブラウザツール。
公開化合物を用いた操作例。GIFでは構造の回転や比較を紹介しています。