Edited at

Hello X3DOM on Jupyter

More than 1 year has passed since last update.

Jupyter Advent Calendar 2016 10日目 @enakai00 さんの記事 「Jupyterノートブック上でJavaScriptからカーネルのコードを実行する方法」から、Jupyter 内で、任意の JavaScript を実行できることを教えてもらいました。

Hello, X3DOM! を実行してみましょう。

下の Jupyter notebook: https://gist.github.com/anonymous/8359a7be1499fa9c63ef5eb1af181b9e

from IPython.display import HTML

javascript = '''
<script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'> </script>
<link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'></link>
<x3d width='400px' height='300px'>
<scene>
<shape>
<appearance>
<material diffuseColor='1 0 0'></material>
</appearance>
<box></box>
</shape>
</scene>
</x3d>
'''

HTML(javascript)

スクリーンショット 2016-12-12 22.22.55.png

Hello X3DOM on Jupyter !