anchor.diff:    hr
     section
       hgroup
  -      h2= name	
  +      h2(id= id)= name	
       figure
         div(id="test-" + id)
       .notes
  
positive.code:       Options allow to change the presentation of the tree. For example, <code>edges</code> parameter
        controls the shape of the edges (angular or straight), and <code>nodes</code> parameter determines
        the shape of the nodes.
      +code("edges-nodes").
        var container = document.querySelector('#test-edges-nodes');
        new SVGTree('(A,),(B,C),(D,E))R;', container, {
            'nodes': 'square',
            'edges': 'straight'
        });
  
    +sec("Orientation", "hmode")
      p.
  
negative.code:       h2 SVGTree Demo
      p.
        The examples on this page showcase the basic functionality of the trees made with SVGTree.
        
      p Contents:
      ul.demo-contents
        li <a href="#init">Initialization</a>
        li <a href="#newick">Newick format</a>
        li <a href="#edges-nodes">Representation</a>
        li <a href="#node-styles">Node styles</a>
        li <a href="#hmode">Orientation</a>
        li <a href="#resize">Size</a>
        li <a href="#collapse">Collapse option</a>
        li <a href="#edit">Edit option</a>
        li <a href="#rearrange">Rearrange option</a>
        li <a href="#add">Adding and removing nodes</a>
        li <a href="#drag">Drag'n'drop</a>
        li <a href="#drag-2trees">Drag'n'drop between trees</a>
        li <a href="#text-drag">Text drag'n'drop</a>
        li <a href="#large">Large trees</a>
  
    +sec("Initialization", "init")
      p.
        Trees can be created using the <code>SVGTree</code> function. The function accepts the three arguments:
  