function render( state ) {
	var parent;
	var marks;
	var len;
	var i;

	debug( 'Rendering marks group...' );
	parent = state.$.svg.marks.render();

	len = state.x.length;
	if ( len === 0 ) {
		debug( 'No individual marks to render.' );
		return parent;
	}
	marks = [];

	debug( 'Rendering lines...' );
	marks = marks.concat( lines( state ) );

	debug( 'Rendering symbols...' );
	marks = marks.concat( symbols( state ) );

	debug( 'Rendering x-axis rug plots...' );
	marks = marks.concat( xRug( state ) );

	debug( 'Rendering y-axis rug plots...' );
	marks = marks.concat( yRug( state ) );

	debug( 'Inserting individual marks into marks group...' );
	for ( i = 0; i < marks.length; i++ ) {
		parent.children.push( marks[i] );
		parent.count += marks[i].count;
	}
	debug( 'Finished rendering marks.' );
	return parent;
}
Renders individual marks.

@private
@param {Object} state - state
@returns {VTree} virtual tree