分子構造を可視化
Speckコンポーネントを使うと、分子構造を可視化することができます。
Dash Enterprise - https://dash.plotly.com/dash-bio/speck
上記のDash Enterpriseにあるサンプルを参考にして、メタンの分子構造を可視化してみます。
[ソースコード]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| import urllib.request as urlreq
import dash
import dash_bio as dashbio
from dash_bio.utils import xyz_reader
app = dash.Dash(__name__)
data = urlreq.urlopen(
'https://git.io/speck_methane.xyz'
).read().decode('cp932')
data = xyz_reader.read_xyz(datapath_or_datastring=data, is_datafile=False)
app.layout = dashbio.Speck(data=data)
if __name__ == '__main__':
app.run_server(debug=True)
|
[ブラウザで表示]
メタン分子構造を可視化することができました。
マウスをドラッグをすると角度を変えて表示することができます。
また Ctrl＋スクロール上下 で拡大・縮小表示をすることもできます。