WEBデザインD3.js,JavaScript

デモを色々見ましたがx軸方向に伸びるツリーしかなくいじってみました。以下サンプルです。

WEBデザイン


要素をクリックすると動きます。元に戻すには真ん中をクリックします。

WEBデザインJavaScript

動機

生物の進化や分類に興味があって日々調べているんですが、
ネットを漁っているとこんな画像をよく見かけます。 まさにツリーです。

WEBデザインCSS,HTML,JavaScript

クイックスタート

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=py&skin=sunburst"></script>
<pre class="prettyprint linenums">
print("hello world")
</pre>
実行結果
print("hello world")