Quick Start

<!DOCTYPE html>
    body {
      margin: 0.625em auto;
      max-width: 60em;
    #phylocanvas {
      width: 100%;
      height: 30em;
  <h1>Phylocanvas Quickstart</h1>
  <div id="phylocanvas"></div>
  <script type="application/javascript" src="https://cdn.rawgit.com/phylocanvas/phylocanvas-quickstart/v2.8.1/phylocanvas-quickstart.js"></script>
  <script type="application/javascript">
    (function (Phylocanvas) {
      var tree = Phylocanvas.createTree('phylocanvas');

Above is an example of a simple Phylocanvas application.

For simple applications and demos we recommend linking to the phylocanvas-quickstart package as shown above. This automatically enables the following plugins:

Also included is the Phylocanvas polyfill for browsers that don't support certain required features.

For larger applications we recommend using a module bundler and package management system to include only the plugins you need.

Next Steps

Customise your tree with Phylocanvas's features.