分子軌道ぬりえ
- 分子軌道ぬりえであそぼう！
- SVG 形式だから、テキストエディタで簡単に編集できるよ。
ethylene
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 64">
<g transform="translate(32, 32)">
<!-- bonds -->
<line x1="0" y1="0" x2="100" y2="0" stroke="black" stroke-width="1" stroke-dasharray="3,3"/>
<!-- orbitals -->
<circle cx="0" cy="0" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="0" cy="0" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="100" cy="0" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="100" cy="0" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
</g>
</svg>butadiene
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 120">
<g transform="translate(32, 32)">
<!-- bonds -->
<line x1="0" y1="0" x2="86.6" y2="50" stroke="black" stroke-width="1" stroke-dasharray="3,3"/>
<line x1="86.6" y1="50" x2="173.2" y2="0" stroke="black" stroke-width="1" stroke-dasharray="3,3"/>
<line x1="173.2" y1="0" x2="259.8" y2="50" stroke="black" stroke-width="1" stroke-dasharray="3,3"/>
<!-- orbitals -->
<circle cx="0" cy="0" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="0" cy="0" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="86.6" cy="50" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="86.6" cy="50" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="173.2" cy="0" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="173.2" cy="0" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="259.8" cy="50" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="259.8" cy="50" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
</g>
</svg>benzene
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 264">
<g transform="translate(32, 32)">
<!-- bonds -->
<polygon points="173.2,150 86.6,200 0,150 0,50 86.6,0 173.2,50" fill="none" stroke="black" stroke-width="1" stroke-dasharray="3,3"/>
<!-- orbitals -->
<circle cx="173.2" cy="150" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="173.2" cy="150" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="86.6" cy="200" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="86.6" cy="200" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="0" cy="150" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="0" cy="150" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="0" cy="50" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="0" cy="50" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="86.6" cy="0" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="86.6" cy="0" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="173.2" cy="50" r="30" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
<circle cx="173.2" cy="50" r="15" fill="none" stroke="black" stroke-width="1" stroke-dasharray="2,2"/>
</g>
</svg>
