Gist from yEd-Live

Untitled Document

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!--Created by yFiles for HTML 2.1.0.3-RC3-->
<graphml xsi:schemaLocation="http://graphml.graphdrawing.org/xmlns http://www.yworks.com/xml/schema/graphml.html/2.0/ygraphml.xsd " xmlns="http://graphml.graphdrawing.org/xmlns" xmlns:demostyle="http://www.yworks.com/yFilesHTML/demos/FlatDemoStyle/1.0" xmlns:bpmn="http://www.yworks.com/xml/yfiles-for-html/bpmn/2.0" xmlns:demotablestyle="http://www.yworks.com/yFilesHTML/demos/FlatDemoTableStyle/1.0" xmlns:uml="http://www.yworks.com/yFilesHTML/demos/UMLDemoStyle/1.0" xmlns:compat="http://www.yworks.com/xml/yfiles-compat-arrows/1.0" xmlns:VuejsNodeStyle="http://www.yworks.com/demos/yfiles-vuejs-node-style/1.0" xmlns:y="http://www.yworks.com/xml/yfiles-common/3.0" xmlns:x="http://www.yworks.com/xml/yfiles-common/markup/3.0" xmlns:yjs="http://www.yworks.com/xml/yfiles-for-html/2.0/xaml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
	<key id="d0" for="node" attr.type="boolean" attr.name="Expanded" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/folding/Expanded">
		<default>true</default>
	</key>
	<key id="d1" for="node" attr.name="NodeLabels" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/NodeLabels"/>
	<key id="d2" for="node" attr.name="NodeGeometry" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/NodeGeometry"/>
	<key id="d3" for="all" attr.name="UserTags" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/UserTags"/>
	<key id="d4" for="node" attr.name="NodeStyle" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/NodeStyle"/>
	<key id="d5" for="node" attr.name="NodeViewState" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/folding/1.1/NodeViewState"/>
	<key id="d6" for="edge" attr.name="EdgeLabels" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/EdgeLabels"/>
	<key id="d7" for="edge" attr.name="EdgeGeometry" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/EdgeGeometry"/>
	<key id="d8" for="edge" attr.name="EdgeStyle" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/EdgeStyle"/>
	<key id="d9" for="edge" attr.name="EdgeViewState" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/folding/1.1/EdgeViewState"/>
	<key id="d10" for="port" attr.name="PortLabels" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/PortLabels"/>
	<key id="d11" for="port" attr.name="PortLocationParameter" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/PortLocationParameter">
		<default>
			<x:Static Member="y:FreeNodePortLocationModel.NodeCenterAnchored"/>
		</default>
	</key>
	<key id="d12" for="port" attr.name="PortStyle" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/PortStyle">
		<default>
			<x:Static Member="y:VoidPortStyle.Instance"/>
		</default>
	</key>
	<key id="d13" for="port" attr.name="PortViewState" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/folding/1.1/PortViewState"/>
	<key id="d14" attr.name="SharedData" y:attr.uri="http://www.yworks.com/xml/yfiles-common/2.0/SharedData"/>
	<data key="d14">
		<y:SharedData>
			<yjs:SolidColorFill x:Key="1" color="DarkOrange"/>
			<yjs:Stroke x:Key="2" fill="#FF336699"/>
			<yjs:PolylineEdgeStyle x:Key="3" stroke="{y:GraphMLReference 2}">
				<yjs:PolylineEdgeStyle.targetArrow>
					<yjs:Arrow type="TRIANGLE" scale="0.75" stroke="{y:GraphMLReference 2}" fill="#FF336699" cropLength="1"/>
				</yjs:PolylineEdgeStyle.targetArrow>
			</yjs:PolylineEdgeStyle>
		</y:SharedData>
	</data>
	<graph id="G" edgedefault="directed">
		<node id="n0">
			<data key="d2">
				<y:RectD X="-26.5" Y="-200.5" Width="152" Height="169"/>
			</data>
			<data key="d4">
				<yjs:ShapeNodeStyle stroke="#FFFF8C00" fill="{y:GraphMLReference 1}"/>
			</data>
			<port name="p0"/>
		</node>
		<node id="n1">
			<data key="d2">
				<y:RectD X="197.5" Y="-234.5" Width="274" Height="203"/>
			</data>
			<data key="d4">
				<yjs:ShapeNodeStyle stroke="#FFFF8C00" fill="{y:GraphMLReference 1}" shape="FAT_ARROW"/>
			</data>
			<port name="p0"/>
		</node>
		<node id="n2">
			<data key="d2">
				<y:RectD X="37.5" Y="20.5" Width="195" Height="203"/>
			</data>
			<data key="d4">
				<yjs:ShapeNodeStyle stroke="#FFFF8C00" fill="{y:GraphMLReference 1}" shape="OCTAGON"/>
			</data>
			<port name="p0">
				<data key="d11">
					<y:FreeNodePortLocationModelParameter Ratio="0.9949238578680204,0.5"/>
				</data>
			</port>
		</node>
		<node id="n3">
			<data key="d2">
				<y:RectD X="432.5" Y="-21.5" Width="176" Height="135"/>
			</data>
			<data key="d4">
				<yjs:ShapeNodeStyle stroke="#FFFF8C00" fill="{y:GraphMLReference 1}" shape="STAR6"/>
			</data>
		</node>
		<node id="n4">
			<data key="d2">
				<y:RectD X="339.5" Y="31" Width="45" Height="51"/>
			</data>
			<data key="d4">
				<yjs:ShapeNodeStyle stroke="#FFFF8C00" fill="{y:GraphMLReference 1}" shape="TRIANGLE2"/>
			</data>
			<port name="p0"/>
		</node>
		<edge id="e0" source="n0" target="n1" sourceport="p0" targetport="p0">
			<data key="d8">
				<y:GraphMLReference ResourceKey="3"/>
			</data>
		</edge>
		<edge id="e1" source="n4" target="n2" sourceport="p0" targetport="p0">
			<data key="d8">
				<y:GraphMLReference ResourceKey="3"/>
			</data>
		</edge>
	</graph>
</graphml>

Hi, thanks for this. I am currently building a DFD editor based on this code.

BTW, is there a way to choose different layout engines for laying out the graph.

I can't even remember creating this yEd-Live gist, even less so how its used. Perhaps you meant to ask about any of the d3-graphviz examples? In that case, the engine is selected with the engine option].