This canvas is 300×300 pixels, with a 10-pixel black border. The black border is clipped because it extends beyond the canvas. The canvas is specified using a string ID, and the width and height are inferred from the DOM. Clicking on the panel makes it brighter.

This canvas is 300×100 pixels, with no border. The canvas is specified using an explicit DOM reference. The height is specified as a property, while the width is inferred from the DOM. Clicking on the panel makes it darker.

This canvas is 30×10 pixels, with no border. The canvas is specified using an explicit DOM reference. The height is specified as a property, while the width is inferred from the DOM. The root panel has an associated 10-element array of data, so ten root panels are generated, making the total width 300×10; however, since a canvas property was specified, the panels are generated overlapping in a single SVG element, rather than creating multiple canvases. Clicking on the panel should increment the displayed click count.

This canvas is 50×50 pixels, with no border. The root panel has an associated 10-element array of data, so ten root panels are generated, wrapping for a total canvas size of 300×100. Since no canvas is specified, multiple SVG elements are generated and added to the DOM. The height is specified as a property, while the width is inferred from the DOM. Clicking on the panel makes it darker.