Three.js isometric SVG

An example showing an isometric rendering in SVG, thanks to three.js.

The example is inspired by this post on using three.js to generate illustrations for scientific papers.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Three.js isometric SVG</title>
<link type="text/css" href="index.css" rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js/r68/examples/js/renderers/svgrenderer.js"></script>
  </head>
  <body>
    <script src="index.js"></script>
  </body>
</html>
    

Modified http://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.min.js to a secure url

Updated missing url https://cdn.rawgit.com/mrdoob/three.js/r68/examples/js/renderers/SVGRenderer.js to https://cdn.jsdelivr.net/gh/mrdoob/three.js/r68/examples/js/renderers/svgrenderer.js

https://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.min.js

https://cdn.rawgit.com/mrdoob/three.js/r68/examples/js/renderers/SVGRenderer.js