diff --git a/demo/OneWare.Demo.Browser/WebDemoApp.cs b/demo/OneWare.Demo.Browser/WebDemoApp.cs
index 79d9268f..0528c0d5 100644
--- a/demo/OneWare.Demo.Browser/WebDemoApp.cs
+++ b/demo/OneWare.Demo.Browser/WebDemoApp.cs
@@ -38,6 +38,7 @@ protected override async Task LoadContentAsync()
             CopyAvaloniaAssetIntoFolder(new Uri("avares://OneWare.Demo/Assets/DemoFiles/VhdlTest.vhd"), Path.Combine(testProj, "VHDL", "VhdlTest.vhd"));
             CopyAvaloniaAssetIntoFolder(new Uri("avares://OneWare.Demo/Assets/DemoFiles/VerilogTest.v"), Path.Combine(testProj, "Verilog", "VerilogTest.v"));
             CopyAvaloniaAssetIntoFolder(new Uri("avares://OneWare.Demo/Assets/DemoFiles/VcdTest.vcd"), Path.Combine(testProj, "VCD", "VcdTest.vcd"));
+            CopyAvaloniaAssetIntoFolder(new Uri("avares://OneWare.Demo/Assets/DemoFiles/out.svg"), Path.Combine(testProj, "Net", "test.svg"));
 
             var dummy = await Container.Resolve<UniversalFpgaProjectManager>().LoadProjectAsync(Path.Combine(testProj, "DemoProject.fpgaproj"));
 
diff --git a/demo/OneWare.Demo/Assets/DemoFiles/DemoProject.fpgaproj b/demo/OneWare.Demo/Assets/DemoFiles/DemoProject.fpgaproj
index fdc6c8c9..8f265fd6 100644
--- a/demo/OneWare.Demo/Assets/DemoFiles/DemoProject.fpgaproj
+++ b/demo/OneWare.Demo/Assets/DemoFiles/DemoProject.fpgaproj
@@ -4,7 +4,8 @@
     "*.vhdl",
     "*.v",
     "*.cpp",
-    "*.vcd"
+    "*.vcd",
+    "*.svg"
   ],
   "Exclude": [
     "bin"
diff --git a/demo/OneWare.Demo/Assets/DemoFiles/out.svg b/demo/OneWare.Demo/Assets/DemoFiles/out.svg
new file mode 100644
index 00000000..1739de9f
--- /dev/null
+++ b/demo/OneWare.Demo/Assets/DemoFiles/out.svg
@@ -0,0 +1,180 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:s="https://github.com/nturley/netlistsvg" width="549" height="235.5">
+  <style>g {
+    fill:none;
+    stroke: #000;
+  }
+  text {
+    fill:#000;
+    stroke:none;
+    font-size:10px;
+    font-weight: bold;
+    font-family: "Courier New", monospace;
+  }
+  line {
+    stroke: #000;
+    stroke-linecap: round;
+  }
+  .nodelabel {
+    text-anchor: middle;
+  }
+  .inputPortLabel {
+    text-anchor: end;
+  }
+  .splitjoinBody {
+    fill:#000;
+  }</style>
+  <g s:type="add" transform="translate(228.33333333333334,43.5)" s:width="25" s:height="25" id="cell_$add$SuperProj.v:28$3">
+    <s:alias val="$add"/>
+    <circle r="12.5" cx="12.5" cy="12.5" class="cell_$add$SuperProj.v:28$3"/>
+    <line x1="7.5" x2="17.5" y1="12.5" y2="12.5" class="cell_$add$SuperProj.v:28$3"/>
+    <line x1="12.5" x2="12.5" y1="7.5" y2="17.5" class="cell_$add$SuperProj.v:28$3"/>
+    <g s:x="2" s:y="5" s:pid="A"/>
+    <g s:x="2" s:y="20" s:pid="B"/>
+    <g s:x="26" s:y="12.5" s:pid="Y"/>
+  </g>
+  <g s:type="generic" transform="translate(311,133)" s:width="30" s:height="40" id="cell_$auto$ff.cc:266:slice$14">
+    <text x="15" y="-4" class="nodelabel cell_$auto$ff.cc:266:slice$14" s:attribute="ref">$dffe</text>
+    <rect width="30" height="60" s:generic="body" class="cell_$auto$ff.cc:266:slice$14"/>
+    <g transform="translate(0,10)" s:x="0" s:y="10" s:pid="in0" id="port_$auto$ff.cc:266:slice$14~CLK">
+      <text x="-3" y="-4" class="inputPortLabel cell_$auto$ff.cc:266:slice$14">CLK</text>
+    </g>
+    <g transform="translate(0,30)" s:x="0" s:y="10" s:pid="in0" id="port_$auto$ff.cc:266:slice$14~D">
+      <text x="-3" y="-4" class="inputPortLabel cell_$auto$ff.cc:266:slice$14">D</text>
+    </g>
+    <g transform="translate(0,50)" s:x="0" s:y="10" s:pid="in0" id="port_$auto$ff.cc:266:slice$14~EN">
+      <text x="-3" y="-4" class="inputPortLabel cell_$auto$ff.cc:266:slice$14">EN</text>
+    </g>
+    <g transform="translate(30,10)" s:x="30" s:y="10" s:pid="out0" id="port_$auto$ff.cc:266:slice$14~Q">
+      <text x="5" y="-4" style="fill:#000; stroke:none" class="cell_$auto$ff.cc:266:slice$14">Q</text>
+    </g>
+  </g>
+  <g s:type="dff" transform="translate(496,23.5)" s:width="30" s:height="40" id="cell_$auto$ff.cc:266:slice$15">
+    <s:alias val="$dff"/>
+    <s:alias val="$_DFF_"/>
+    <s:alias val="$_DFF_P_"/>
+    <s:alias val="$adff"/>
+    <s:alias val="$_DFF_"/>
+    <s:alias val="$_DFF_P_"/>
+    <s:alias val="$sdff"/>
+    <s:alias val="$_DFF_"/>
+    <s:alias val="$_DFF_P_"/>
+    <rect width="30" height="40" x="0" y="0" class="cell_$auto$ff.cc:266:slice$15"/>
+    <path d="M0,35 L5,30 L0,25" class="cell_$auto$ff.cc:266:slice$15"/>
+    <g s:x="31" s:y="10" s:pid="Q"/>
+    <g s:x="-1" s:y="30" s:pid="CLK"/>
+    <g s:x="-1" s:y="30" s:pid="C"/>
+    <g s:x="-1" s:y="10" s:pid="D"/>
+    <g s:x="15" s:y="40" s:pid="ARST"/>
+    <g s:x="15" s:y="40" s:pid="SRST"/>
+  </g>
+  <g s:type="lt" transform="translate(92.66666666666667,193.5)" s:width="25" s:height="25" id="cell_$lt$SuperProj.v:24$2">
+    <s:alias val="$lt"/>
+    <circle r="12.5" cx="12.5" cy="12.5" class="cell_$lt$SuperProj.v:24$2"/>
+    <line x1="6" x2="17" y1="12" y2="7" class="cell_$lt$SuperProj.v:24$2"/>
+    <line x1="6" x2="17" y1="12" y2="17" class="cell_$lt$SuperProj.v:24$2"/>
+    <g s:x="2" s:y="5" s:pid="A"/>
+    <g s:x="2" s:y="20" s:pid="B"/>
+    <g s:x="25" s:y="12.5" s:pid="Y"/>
+  </g>
+  <g s:type="not" transform="translate(227,153.5)" s:width="30" s:height="20" id="cell_$not$SuperProj.v:32$4">
+    <s:alias val="$_NOT_"/>
+    <s:alias val="$not"/>
+    <s:alias val="$logic_not"/>
+    <path d="M0,0 L0,20 L20,10 Z" class="cell_$not$SuperProj.v:32$4"/>
+    <circle cx="24" cy="10" r="3" class="cell_$not$SuperProj.v:32$4"/>
+    <g s:x="-1" s:y="10" s:pid="A"/>
+    <g s:x="27" s:y="10" s:pid="Y"/>
+  </g>
+  <g s:type="inputExt" transform="translate(226,98.5)" s:width="30" s:height="20" id="cell_CLK">
+    <text x="15" y="-4" class="nodelabel cell_CLK" s:attribute="ref">CLK</text>
+    <s:alias val="$_inputExt_"/>
+    <path d="M0,0 L0,20 L15,20 L30,10 L15,0 Z" class="cell_CLK"/>
+    <g s:x="30" s:y="10" s:pid="Y"/>
+  </g>
+  <g s:type="outputExt" transform="translate(496,133.5)" s:width="30" s:height="20" id="cell_LED">
+    <text x="15" y="-4" class="nodelabel cell_LED" s:attribute="ref">LED</text>
+    <s:alias val="$_outputExt_"/>
+    <path d="M30,0 L30,20 L15,20 L0,10 L15,0 Z" class="cell_LED"/>
+    <g s:x="0" s:y="10" s:pid="A"/>
+  </g>
+  <g s:type="constant" transform="translate(89,48.5)" s:width="30" s:height="20" id="cell_000000000000">
+    <text x="15" y="-4" class="nodelabel cell_000000000000" s:attribute="ref">0x0</text>
+    <s:alias val="$_constant_"/>
+    <rect width="30" height="20" class="cell_000000000000"/>
+    <g s:x="31" s:y="10" s:pid="Y"/>
+  </g>
+  <g s:type="constant" transform="translate(155,98.5)" s:width="30" s:height="20" id="cell_00000000000000000000000000000001">
+    <text x="15" y="-4" class="nodelabel cell_00000000000000000000000000000001" s:attribute="ref">0x1</text>
+    <s:alias val="$_constant_"/>
+    <rect width="30" height="20" class="cell_00000000000000000000000000000001"/>
+    <g s:x="31" s:y="10" s:pid="Y"/>
+  </g>
+  <g s:type="constant" transform="translate(12,203.5)" s:width="30" s:height="20" id="cell_00000000000011110100001001000000">
+    <text x="15" y="-4" class="nodelabel cell_00000000000011110100001001000000" s:attribute="ref">0xf4240</text>
+    <s:alias val="$_constant_"/>
+    <rect width="30" height="20" class="cell_00000000000011110100001001000000"/>
+    <g s:x="31" s:y="10" s:pid="Y"/>
+  </g>
+  <g s:type="join" transform="translate(180,28)" s:width="4" s:height="40" id="cell_$join$,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69,">
+    <rect width="5" height="40" class="splitjoinBody" s:generic="body"/>
+    <s:alias val="$_join_"/>
+    <g s:x="5" s:y="20" s:pid="out"/>
+    <g transform="translate(0,10)" s:x="0" s:y="10" s:pid="in0">
+      <text x="-3" y="-4" class="inputPortLabel">0:19</text>
+    </g>
+    <g transform="translate(0,30)" s:x="0" s:y="10" s:pid="in0">
+      <text x="-3" y="-4" class="inputPortLabel">20:31</text>
+    </g>
+  </g>
+  <g s:type="split" transform="translate(336,23)" s:width="5" s:height="40" id="cell_$split$,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,">
+    <rect width="5" height="20" class="splitjoinBody" s:generic="body"/>
+    <s:alias val="$_split_"/>
+    <g s:x="0" s:y="20" s:pid="in"/>
+    <g transform="translate(4,10)" s:x="4" s:y="10" s:pid="out0">
+      <text x="5" y="-4">0:19</text>
+    </g>
+  </g>
+  <line x1="186" x2="230.33333333333334" y1="48.5" y2="48.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="186" x2="196" y1="48.5" y2="48.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="196" x2="196" y1="48.5" y2="78.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="196" x2="64" y1="78.5" y2="78.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="64" x2="64" y1="78.5" y2="198.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <circle cx="196" cy="48.5" r="2" style="fill:#000" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="64" x2="94.66666666666667" y1="198.5" y2="198.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="186" x2="206" y1="108.5" y2="108.5" class="net_70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101"/>
+  <line x1="206" x2="206" y1="108.5" y2="63.5" class="net_70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101"/>
+  <line x1="206" x2="230.33333333333334" y1="63.5" y2="63.5" class="net_70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101"/>
+  <line x1="256" x2="267" y1="108.5" y2="108.5" class="net_2"/>
+  <line x1="267" x2="267" y1="108.5" y2="143.5" class="net_2"/>
+  <circle cx="267" cy="108.5" r="2" style="fill:#000" class="net_2"/>
+  <line x1="267" x2="311" y1="143.5" y2="143.5" class="net_2"/>
+  <line x1="256" x2="475" y1="108.5" y2="108.5" class="net_2"/>
+  <line x1="475" x2="475" y1="108.5" y2="53.5" class="net_2"/>
+  <line x1="475" x2="495" y1="53.5" y2="53.5" class="net_2"/>
+  <line x1="254" x2="311" y1="163.5" y2="163.5" class="net_56"/>
+  <line x1="117.66666666666667" x2="267" y1="206" y2="206" class="net_57"/>
+  <line x1="267" x2="267" y1="206" y2="183.5" class="net_57"/>
+  <circle cx="267" cy="206" r="2" style="fill:#000" class="net_57"/>
+  <line x1="267" x2="311" y1="183.5" y2="183.5" class="net_57"/>
+  <line x1="117.66666666666667" x2="485" y1="206" y2="206" class="net_57"/>
+  <line x1="485" x2="485" y1="206" y2="73.5" class="net_57"/>
+  <line x1="485" x2="511" y1="73.5" y2="73.5" class="net_57"/>
+  <line x1="511" x2="511" y1="73.5" y2="63.5" class="net_57"/>
+  <line x1="341" x2="495" y1="33.5" y2="33.5" class="net_24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43"/>
+  <line x1="43" x2="94.66666666666667" y1="213.5" y2="213.5" class="net_114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145"/>
+  <line x1="342" x2="465" y1="143.5" y2="143.5" class="net_3"/>
+  <line x1="465" x2="465" y1="143.5" y2="78.5" class="net_3"/>
+  <line x1="465" x2="216" y1="78.5" y2="78.5" class="net_3"/>
+  <line x1="216" x2="216" y1="78.5" y2="163.5" class="net_3"/>
+  <circle cx="465" cy="143.5" r="2" style="fill:#000" class="net_3"/>
+  <line x1="216" x2="226" y1="163.5" y2="163.5" class="net_3"/>
+  <line x1="342" x2="496" y1="143.5" y2="143.5" class="net_3"/>
+  <line x1="527" x2="537" y1="33.5" y2="33.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23"/>
+  <line x1="537" x2="537" y1="33.5" y2="12" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23"/>
+  <line x1="537" x2="130" y1="12" y2="12" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23"/>
+  <line x1="130" x2="130" y1="12" y2="38.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23"/>
+  <line x1="130" x2="180" y1="38.5" y2="38.5" class="net_4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23"/>
+  <line x1="120" x2="180" y1="58.5" y2="58.5" class="net_58,59,60,61,62,63,64,65,66,67,68,69"/>
+  <line x1="254.33333333333334" x2="336.5" y1="56" y2="56" class="net_24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55"/>
+  <line x1="336.5" x2="336.5" y1="56" y2="44" class="net_24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55"/>
+</svg>