<front view>(optional): How the object should be represented on the front view (see below)

<right view>(optional): How the object should be represented on the right view (see below)

<top view>(optional): How the object should be represented on the top view (see below)

To make your visual comparison more representative; you can specify how you would like to render it using the view parameters. Below is the list of values you can set for these parameters:

rectangle: by default the tool draw your objects as colored rectangles you don't need to specify anything for this

image url: you can specify the url to the image which match your object. Make sure there is no white spaces around the object otherwise the dimension will not be correctly rendered.
ie: http://socialcompare.com/iv3/size/iphone4-front.png

svg url: you can specify an SVG image but some browsers will not render it and will fallback to rectangles.
ie: http://socialcompare.com/iv3/size/sd-card.svg

svg viewbox and path data: you can specify the path data to create an SVG image with different colors. Prefix the path data by the "viewBox" value and ":". SVG path specifications
ie. a triangle: 0,0,90,90:M0,0V90H90z

Compare sizes is integrated into comparison tables

Comparison tables which contains at least height, width, will display in the top left corner of the table the following icon: Click it to directly access the visual comparison of the dimensions contained in the table.