html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

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

stage.text(stage.width() / 12, 3, "no angle preservation (45\u00b0)");

stage.rect(stage.width() / 12, 20, stage.width() / 4, stage.height() - 40)

.fill(["0.4 black", ".6 white"], 45);

stage.text(7 * stage.width() / 12, 3, "angle preservation (45\u00b0)");

stage.rect(7 * stage.width() / 12, 20, stage.width() / 4, stage.height() - 40)

.fill(["0.4 black", ".6 white"], 45, true);