C# WPF绘制流程图

最近在网上搜到一个用于ETL调度的软件,觉得它的流程图布局相当清晰,研究了一下,感觉不错.
后来他们又将后台核心开源了,据介绍说核心理念是相同的,也能实现相同的功能.因为有了开源的核心,然后我就想绕过他们企业版的限制,自己来实现一个类似的前台软件,所以希望大家能够提供一下思路,流程图效果如下:XML代码格式为:
<serial>
  <name>rootnode</name>
  <begin>
    <name>开始任务</name>
  </begin>
  <sh>
    <name>getfile</name>
    <progname>progname</progname>
    <para>para<para>
    <jobdesc>desc</jobdesc>
    <maxnum>0</maxnum>
  </sh>
  <parallel>
    <name>MainModul_ParallelNode0</name>
    <oraproc>
      <name>loaddata1</name>
      <progname>progname</progname>
      <jobdesc>desc</jobdesc>
    </oraproc>
    <dsjob>
      <name>loaddata2</name>
      <progname>progname</progname>
      <jobdesc>desc</jobdesc>
    </dsjob>
    <dsjob>
      <name>loaddata3</name>
      <progname>progname</progname>
      <jobdesc>desc</jobdesc>
    </dsjob>
  </parallel>
  <nulljob>
    <name>nulljob</name>
  </nulljob>
  <parallel>
    <name>MainModul_ParallelNode1</name>
    <dsjob>
      <name>report1</name>
      <progname>progname</progname>
      <jobdesc>desc</jobdesc>
    </dsjob>
    <dsjob>
      <name>report2</name>
      <progname>progname</progname>
      <jobdesc>desc</jobdesc>
    </dsjob>
  </parallel>
  <exe>
    <name>passday</name>
    <progname>progname</progname>
    <para>parapara>
    <jobdesc>desc</jobdesc>
  </exe>
  <end>
    <name>结束任务</name>
  </end>
</serial>
图是从他们官网上引用过来的,因为本地上传时总是JS报错,就只能如此了,引用的图的XML文件太大了,是他们学习版的其中一个流程,我就用一个较小的XML来意思一下了...反正格式都一样的...思路有一些,比如:根据XML信息解析出各个任务节点的顺序,嵌套关系,位于第几层等等,可是写代码时碰到问题了,不能像图中的节点一样排列位置,线段关系也没有那么清晰!求高手解答啊...wpfc#任务