Cytoscape.js setting node colour and other details
<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>