html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var stage = acgraph.create('container');

​

var layer1 = stage.layer();

var layer2 = stage.layer();

​

var greenEllipse1 = layer1.ellipse(75, 105, 55, 35);

greenEllipse1.fill('#4CAF50', 1);

​

var greenEllipse2 = layer1.ellipse(95, 75, 55, 35);

greenEllipse2.fill('#FFEB3B', 1);

​

var redEllipse1 = layer1.ellipse(115, 45, 55, 35);

redEllipse1.fill('#F44336', 1);

​

var redEllipse2 = layer2.ellipse(115, 45, 55, 35);

redEllipse2.fill('#F44336', 1);

​

var yellowEllipse2 = layer2.ellipse(95, 75, 55, 35);

yellowEllipse2.fill('#FFEB3B', 1);

​

var greenEllipse2 = layer2.ellipse(75, 105, 55, 35);

greenEllipse2.fill('#4CAF50', 1);

​

layer2.translate(180, 0);

​

// Swaps element in the layer.

layer2.swapChildren(redEllipse2, yellowEllipse2);