Basic Microplate

You can create a basic 96-well plate:

					var plate = new Microplate({
						padding:30,
						annotations: true,
						wellShape: 'rounded',
						rows: 8,
						columns: 12
					});
				

Basic Flowcell

A basic 8-lane flowcell with annotations:

						var flowcell = new Flowcell({
							lanes: 8,
							padding: 20,
							annotations: true
						});
				

Another Microplate

You can represent most common labware types. Here's a 24-well plate.

					var nextPlate = new Microplate({
						padding:30,
						annotations: true,
						wellShape: 'circle',
						rows: 4,
						columns: 6
					});
				

Custom Styling

You can use CSS to style the rendered SVG:

					var funkyPlate = new Microplate({
						padding: 30,
						annotations: true,
						wellShape: 'square',
						attributes: {
							'id': 'funky'
						}
					});
				

					#funky text.annotation{
						fill: pink;
					}

					#funky .plate{
						fill: purple;
					}

					#funky .well{
						fill: yellow;
						stroke: white;
					}