<!– 1. Load the 3D Tag Canvas Library –> <script type=“text/javascript” src=“https://goat1000.com”></script>

<!– 2. Create the Canvas Wrapper –>

<canvas width="300" height="300" id="myCanvas">
  <p>Anything in here will be replaced on browsers that support the canvas element</p>
</canvas>

<!– 3. List your tags as standard HTML links –>

<ul>
  <li><a href="/doku.php?id=tag:linux">Linux</a></li>
  <li><a href="/doku.php?id=tag:php">PHP</a></li>
  <li><a href="/doku.php?id=tag:dokuwiki">DokuWiki</a></li>
  <li><a href="/doku.php?id=tag:javascript">JavaScript</a></li>
  <li><a href="/doku.php?id=tag:css">CSS</a></li>
</ul>

<!– 4. Initialize the 3D Sphere –> <script type=“text/javascript”>

window.onload = function() {
  try {
    TagCanvas.Start('myCanvas', 'tags', {
      textColour: '#000000',
      outlineColour: '#ff00ff',
      reverse: true,
      depth: 0.8,
      maxSpeed: 0.05
    });
  } catch(e) {
    // If canvas is unsupported, the list remains visible
    document.getElementById('tags').style.display = 'block';
  }
};

</script>