1  <svg version="1.1"
  2       baseProfile="full"
  3       width="600" height="420"
  4       xmlns="http://www.w3.org/2000/svg"
  5       xmlns:xlink="http://www.w3.org/1999/xlink">
  6    <defs>
  7      <marker id="Triangle" viewBox="0 0 10 10" refX="1" refY="5"
  8              markerWidth="6" markerHeight="6" orient="auto">
  9        <path d="M 0 0 L 10 5 L 0 10 z" />
 10      </marker>
 11      <g id="box">
 12        <rect x="0" y="0" width="120" height="60" stroke="black" fill="white" stroke-width="2"/>
 13      </g>
 14      <g id="atomic-right-long">
 15        <rect x="30" y="5" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 16        <path d="M 0 50 v -20 q 0 -10 10 -10 h 20" fill="transparent" stroke="black"/>
 17        <path d="M 130 20 h 20 q 10 0 10 10" fill="transparent" stroke="black"/>
 18        <line x1="160" y1="30" x2="160" y2="44" stroke="black" marker-end="url(#Triangle)"/>
 19      </g>
 20      <g id="atomic-right">
 21        <rect x="30" y="5" width="80" height="30" stroke="black" fill="white" stroke-width="1"/>
 22        <path d="M 5 50 v -20 q 0 -10 10 -10 h 15" fill="transparent" stroke="black"/>
 23        <path d="M 110 20 h 15 q 10 0 10 10" fill="transparent" stroke="black"/>
 24        <line x1="135" y1="30" x2="135" y2="44" stroke="black" marker-end="url(#Triangle)"/>
 25      </g>
 26      <g id="atomic-left-long">
 27        <rect x="30" y="15" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 28        <line x1="0" y1="20" x2="0" y2="6" stroke="black" marker-end="url(#Triangle)"/>
 29        <path d="M 0 20 q 0 10 10 10 h 20" fill="transparent" stroke="black"/>
 30        <path d="M 130 30 h 20 q 10 0 10 -10 v -20" fill="transparent" stroke="black"/>
 31      </g>
 32      <g id="atomic-left">
 33        <rect x="30" y="15" width="80" height="30" stroke="black" fill="white" stroke-width="1"/>
 34        <line x1="5" y1="20" x2="5" y2="6" stroke="black" marker-end="url(#Triangle)"/>
 35        <path d="M 5 20 q 0 10 10 10 h 15" fill="transparent" stroke="black"/>
 36        <path d="M 110 30 h 15 q 10 0 10 -10 v -20" fill="transparent" stroke="black"/>
 37      </g>
 38      <g id="skipping-right">
 39        <rect x="125" y="5" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 40        <path d="M 0 90 v -60 q 0 -10 10 -10 h 115" fill="transparent" stroke="black"/>
 41        <path d="M 225 20 h 90 q 10 0 10 10" fill="transparent" stroke="black"/>
 42        <line x1="325" y1="30" x2="325" y2="84" stroke="black" marker-end="url(#Triangle)"/>
 43      </g>
 44      <g id="skipping-left">
 45        <rect x="125" y="55" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 46        <line x1="0" y1="60" x2="0" y2="6" stroke="black" marker-end="url(#Triangle)"/>
 47        <path d="M 0 60 q 0 10 10 10 h 115" fill="transparent" stroke="black"/>
 48        <path d="M 225 70 h 90 q 10 0 10 -10 v -60" fill="transparent" stroke="black"/>
 49      </g>
 50      <g id="dom-right">
 51        <rect x="330" y="45" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 52        <line x1="170" y1="60" x2="330" y2="60" stroke="black" stroke-width="2"/>
 53        <line x1="430" y1="60" x2="583" y2="60" stroke="black" stroke-width="2" marker-end="url(#Triangle)"/>
 54      </g>
 55      <g id="dom-left">
 56        <rect x="330" y="5" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 57        <line x1="330" y1="20" x2="182" y2="20" stroke="black" stroke-width="2" marker-end="url(#Triangle)"/>
 58        <line x1="430" y1="20" x2="595" y2="20" stroke="black" stroke-width="2"/>
 59      </g>
 60      <g id="whole-right">
 61        <rect x="275" y="5" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 62        <line x1="5" y1="20" x2="275" y2="20" stroke="black" stroke-width="2"/>
 63        <line x1="375" y1="20" x2="583" y2="20" stroke="black" stroke-width="2" marker-end="url(#Triangle)"/>
 64      </g>
 65      <g id="whole-left">
 66        <rect x="275" y="5" width="100" height="30" stroke="black" fill="white" stroke-width="1"/>
 67        <line x1="275" y1="20" x2="17" y2="20" stroke="black" stroke-width="2" marker-end="url(#Triangle)"/>
 68        <line x1="375" y1="20" x2="595" y2="20" stroke="black" stroke-width="2"/>
 69      </g>
 70    </defs>
 71  
 72    <line x1="145" y1="0" x2="145" y2="420" stroke="gray"/>
 73    <text x="55" y="25" fill="gray">Application</text>
 74    <text x="160" y="25" fill="gray">YAML</text>
 75  
 76    <g id="boxes" text-anchor="middle" transform="translate(0 190)">
 77      <g id="native" transform="translate(0 0)">
 78        <use xlink:href="#box"/>
 79        <text x="60" y="25" font-style="italic">Native</text>
 80        <text x="60" y="45" font-weight="bold">Nim Types</text>
 81      </g>
 82  
 83      <g id="representation" transform="translate(170 0)">
 84        <use xlink:href="#box"/>
 85        <text x="60" y="25" font-style="italic">Representation</text>
 86        <a xlink:href="yaml.html#YamlDocument" target="_top">
 87          <text x="60" y="45" font-weight="bold">YamlDocument</text>
 88        </a>
 89      </g>
 90  
 91      <g id="serialization" transform="translate(320 0)">
 92        <use xlink:href="#box"/>
 93        <text x="60" y="25" font-style="italic">Serialization</text>
 94        <a xlink:href="yaml.html#YamlStream" target="_top">
 95          <text x="60" y="45" font-weight="bold">YamlStream</text>
 96        </a>
 97      </g>
 98  
 99      <g id="presentation" transform="translate(470 0)">
100        <use xlink:href="#box"/>
101        <text x="60" y="25" font-style="italic">Presentation</text>
102        <a xlink:href="http://nim-lang.org/docs/streams.html#Stream" target="_top">
103          <text x="60" y="45" font-weight="bold">Stream</text>
104        </a>
105      </g>
106    </g>
107  
108    <g id="atomics" text-anchor="middle" transform="translate(0 130)">
109      <g id="represent" transform="translate(65 10)">
110        <use xlink:href="#atomic-right-long"/>
111        <text x="80" y="25" font-style="italic">represent</text>
112      </g>
113  
114      <g id="serialize" transform="translate(235 10)">
115        <use xlink:href="#atomic-right"/>
116        <a xlink:href="yaml.dom.html#serialize,YamlDocument,TagLibrary,AnchorStyle" target="_top">
117          <text x="70" y="25" font-style="italic" font-weight="bold">serialize</text>
118        </a>
119      </g>
120  
121      <g id="present" transform="translate(385 10)">
122        <use xlink:href="#atomic-right"/>
123        <a xlink:href="yaml.presenter.html#present,YamlStream,Stream,TagLibrary,PresentationOptions" target="_top">
124          <text x="70" y="25" font-style="italic" font-weight="bold">present</text>
125        </a>
126      </g>
127  
128      <g id="construct" transform="translate(65 120)">
129        <use xlink:href="#atomic-left-long"/>
130        <text x="80" y="35" font-style="italic">construct</text>
131      </g>
132  
133      <g id="compose" transform="translate(235 120)">
134        <use xlink:href="#atomic-left"/>
135        <a xlink:href="yaml.dom.html#compose,YamlStream,TagLibrary" target="_top">
136          <text x="70" y="35" font-style="italic" font-weight="bold">compose</text>
137        </a>
138      </g>
139  
140      <g id="parse" transform="translate(385 120)">
141        <use xlink:href="#atomic-left"/>
142        <a xlink:href="yaml.parser.html#parse,YamlParser,Stream" target="_top">
143          <text x="70" y="35" font-style="italic" font-weight="bold">parse</text>
144        </a>
145      </g>
146    </g>
147  
148    <g id="skipping-things" text-anchor="middle" transform="translate(0 90)">
149      <g id="skipping-represent" transform="translate(55 10)">
150        <use xlink:href="#skipping-right"/>
151        <a xlink:href="yaml.serialization.html#represent,T,TagStyle,AnchorStyle" target="_top">
152            <text x="175" y="25" font-weight="bold">represent</text>
153        </a>
154      </g>
155      <g id="skipping-construct" transform="translate(55 160)">
156        <use xlink:href="#skipping-left"/>
157        <a xlink:href="yaml.serialization.html#construct,YamlStream,T" target="_top">
158            <text x="175" y="75" font-weight="bold">construct</text>
159        </a>
160      </g>
161    </g>
162  
163    <g id="whole-lines" text-anchor="middle" transform="translate(0 20)">
164      <g id="dump">
165        <use xlink:href="#whole-right"/>
166        <a xlink:href="yaml.serialization.html#dump,K,Stream,TagStyle,AnchorStyle,PresentationOptions" target="_top">
167            <text x="325" y="25" font-style="italic" font-weight="bold">dump</text>
168        </a>
169      </g>
170      <g id="dumpDOM">
171        <use xlink:href="#dom-right"/>
172        <a xlink:href="yaml.dom.html#dumpDOM,YamlDocument,Stream,AnchorStyle,PresentationOptions" target="_top">
173          <text x="380" y="65" font-weight="bold">dumpDOM</text>
174        </a>
175      </g>
176      <g id="loadDOM" transform="translate(0 320)">
177        <use xlink:href="#dom-left"/>
178        <a xlink:href="yaml.dom.html#loadDOM," target="_top">
179          <text x="380" y="25" font-weight="bold">loadDOM</text>
180        </a>
181      </g>
182      <g id="load" transform="translate(0 360)">
183        <use xlink:href="#whole-left"/>
184        <a xlink:href="yaml.serialization.html#load,,K" target="_top">
185            <text x="325" y="25" font-style="italic" font-weight="bold">load</text>
186        </a>
187      </g>
188    </g>
189  
190  </svg>