mxgraph-map-fix/php/examples/diagrams/graphview.xml

mxGraph is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.

<graph label="My Diagram" x="90" y="50" width="400" height="280">
	<layer label="Default Layer">
		<group label="Container" x="90" y="50" width="200" height="200"
			shape="swimlane" fontSize="11" align="center" verticalAlign="top"
			shadow="0" strokeColor="#EEEEEE" fillColor="#D4D4D4"
			gradientColor="white" startSize="23">
			<vertex label="Rounded" x="110" y="90" width="80"
				height="30" shape="rectangle" fontSize="11" align="center"
				verticalAlign="middle" shadow="1" strokeColor="#C3D9FF"
				fillColor="#C3D9FF" gradientColor="white" rounded="1" />
			<vertex label="Shape" x="130" y="160" width="60" height="50"
				shape="ellipse" fontSize="11" align="center" verticalAlign="middle"
				shadow="1" strokeColor="#CDEB8B" fillColor="#CDEB8B"
				gradientColor="white" />
			<edge label="" points="150,120 150,159" shape="connector"
				fontSize="10" rounded="1" strokeColor="#36393D" strokeWidth="1"
				endArrow="classic" />
		</group>
		<vertex label="Shape" x="380" y="170" width="60" height="50"
			shape="rhombus" fontSize="11" align="center" verticalAlign="middle"
			shadow="1" strokeColor="#FFCF8A" fillColor="#FFCF8A"
			gradientColor="white" />
		<edge label="" points="190,185 379,185" shape="connector"
			fontSize="10" rounded="1" strokeColor="#36393D" strokeWidth="1"
			endArrow="classic" />
		<vertex label="Shape" x="240" y="280" width="60" height="50"
			shape="cylinder" fontSize="11" align="center" verticalAlign="middle"
			shadow="1" strokeColor="#4096EE" fillColor="#4096EE"
			gradientColor="white" />
		<edge label="" points="440,195 490,195 490,305 301,305"
			shape="connector" fontSize="10" rounded="1" strokeColor="#36393D"
			strokeWidth="1" endArrow="classic" />
	</layer>
</graph>