title: Cytoscape.js setting node colour and other details
body: <p>I am using Cytoscape.js to create a basic diagram and am curious as to how to set the colour and particular shape of each node. Here is my existing code:</p>
  
  <pre><code>    layout: {
          name: 'preset'
      },
  
      ready: function(){
          window.cy = this;
  
          cy.add([
            { group: "nodes", data: { id: "n0" }, position: { x: 100, y: 100 } },
            { group: "nodes", data: { id: "n1", shape: 'rectangle' }, position: { x: 200, y: 200 } },
            { group: "edges", data: { id: "e0", source: "n0", target: "n1" } }
      ]);
      }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>I was also curious as to how to animate the diagram and if there were any similar examples out there on that. </p>
  
  <p>cheers,</p>