html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

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

​

var firstLayer = stage.layer();

var secondLayer = stage.layer();

​

var firstGreenEllipse = firstLayer.ellipse(75, 105, 55, 35);

firstGreenEllipse.fill("#4CAF50", 1);

​

var firstYellowEllipse = firstLayer.ellipse(95, 75, 55, 35);

firstYellowEllipse.fill("#FFEB3B", 1);

​

var firstRedEllipse = firstLayer.ellipse(115, 45, 55, 35);

firstRedEllipse.fill("#F44336", 1);

​

var secondRedEllipse = secondLayer.ellipse(115, 45, 55, 35);

secondRedEllipse.fill("#F44336", 1);

​

var secondYellowEllipse = secondLayer.ellipse(95, 75, 55, 35);

secondYellowEllipse.fill("#FFEB3B", 1);

​

var secondGreenEllipse = secondLayer.ellipse(75, 105, 55, 35);

secondGreenEllipse.fill("#4CAF50", 1);

​

secondLayer.translate(180, 0);

​

// Swaps element in the layer.

secondLayer.swapChildren(secondRedEllipse, secondYellowEllipse);