rsyntaxtree 1.2.1 → 1.2.3

data/docs/assets/svg/036.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+  <svg width="803.0" height="550.4" viewBox="-20, -20, 823.0, 570.4" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="arrow" markerUnits="strokeWidth" markerWidth="13.440000000000001" markerHeight="13.440000000000001" viewBox="0 0 13.440000000000001 13.440000000000001" refX="6.720000000000001" refY="0">
+      <polyline fill="none" stroke="#CC79A7" stroke-width="1" points="0,13.440000000000001,6.720000000000001,0,13.440000000000001,13.440000000000001" />
+    </marker>
+    <marker id="arrowBackward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="13.440000000000001" markerHeight="13.440000000000001" orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#D55E00"/>
+    </marker>
+    <marker id="arrowForward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="13.440000000000001" markerHeight="13.440000000000001" orient="auto">
+      <path d="M 10 0 L 0 5 L 10 10 z" fill="#D55E00"/>
+    </marker>
+    <marker id="arrowBothways" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="40.32" markerHeight="40.32" orient="auto">
+      <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="#D55E00"/>
+    </marker>
+    <pattern id="hatchBlack" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="black" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForNode" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="#0072B2" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForLeaf" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="#009E73" stroke-width="4"></line>
+    </pattern>
+  </defs>
+<rect x="-20" y="-20" width="823.0" height="570.4" stroke="none" fill="white" />"
+<text white-space='pre' alignment-baseline='text-top' style='fill: #0072B2; font-size: 64px;' x='280.29999999999995' y='132.0'><tspan x='280.29999999999995' y='132.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">Schema</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='33.60000000000002' y='475.20000000000005'><tspan x='33.60000000000002' y='475.20000000000005' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">Prototype</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='467.0' y='475.20000000000005'><tspan x='467.0' y='475.20000000000005' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">Extention</tspan>
+</text>
+<line style='stroke:none; stroke-width:2;' x1='182.60000000000002' y1='365.2' x2='398.8' y2='187.0' />
+<line style='stroke:none; stroke-width:2;' x1='615.0' y1='365.2' x2='398.8' y2='187.0' />
+<line x1='263.49999999999994' y1='33.0' x2='534.0999999999999' y2='33.0' style='fill: none; stroke: #0072B2; stroke-width:2'  />
+<line x1='263.49999999999994' y1='33.0' x2='263.49999999999994' y2='176.0' style='fill: none; stroke: #0072B2; stroke-width:2'  />
+<line x1='534.0999999999999' y1='33.0' x2='534.0999999999999' y2='176.0' style='fill: none; stroke: #0072B2; stroke-width:2'  />
+<line x1='263.49999999999994' y1='176.0' x2='534.0999999999999' y2='176.0' style='fill: none; stroke: #0072B2; stroke-width:2'  />
+<line x1='16.800000000000022' y1='376.2' x2='348.40000000000003' y2='376.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='16.800000000000022' y1='376.2' x2='16.800000000000022' y2='519.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='348.40000000000003' y1='376.2' x2='348.40000000000003' y2='519.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='16.800000000000022' y1='519.2' x2='348.40000000000003' y2='519.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='450.2' y1='376.2' x2='779.8' y2='376.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='450.2' y1='376.2' x2='450.2' y2='519.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='779.8' y1='376.2' x2='779.8' y2='519.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<line x1='450.2' y1='519.2' x2='779.8' y2='519.2' style='fill: none; stroke: #009E73; stroke-width:2'  />
+<path d='M182.60000000000002,365.2 L290.70000000000005,276.1 L398.8, 187.0' style='fill: none; stroke: #D55E00; stroke-width:2'  marker-mid='url(#arrowBothways)' />
+<path d='M615.0,365.2 L506.9,276.1 L398.8, 187.0' style='fill: none; stroke: #D55E00; stroke-width:2'  marker-mid='url(#arrowBothways)' />
+<path d='M365.20000000000005,447.70000000000005 L399.3,447.70000000000005 L433.4, 447.70000000000005' style='fill: none; stroke: #D55E00; stroke-width:2'  marker-mid='url(#arrowBackward)' /></svg>

data/docs/assets/svg/037.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+  <svg width="513.6" height="695.2" viewBox="-20, -20, 533.6, 715.2" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="arrow" markerUnits="strokeWidth" markerWidth="13.440000000000001" markerHeight="13.440000000000001" viewBox="0 0 13.440000000000001 13.440000000000001" refX="6.720000000000001" refY="0">
+      <polyline fill="none" stroke="#CC79A7" stroke-width="1" points="0,13.440000000000001,6.720000000000001,0,13.440000000000001,13.440000000000001" />
+    </marker>
+    <marker id="arrowBackward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="13.440000000000001" markerHeight="13.440000000000001" orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#D55E00"/>
+    </marker>
+    <marker id="arrowForward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="13.440000000000001" markerHeight="13.440000000000001" orient="auto">
+      <path d="M 10 0 L 0 5 L 10 10 z" fill="#D55E00"/>
+    </marker>
+    <marker id="arrowBothways" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="40.32" markerHeight="40.32" orient="auto">
+      <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="#D55E00"/>
+    </marker>
+    <pattern id="hatchBlack" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="black" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForNode" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="#0072B2" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForLeaf" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="#009E73" stroke-width="4"></line>
+    </pattern>
+  </defs>
+<rect x="-20" y="-20" width="533.6" height="715.2" stroke="none" fill="white" />"
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='33.599999999999994' y='132.0'><tspan x='144.6' y='132.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">X</tspan>
+<tspan x='234.6' y='132.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">　</tspan>
+<tspan x='323.1' y='132.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">x</tspan>
+<tspan x='234.6' y='220.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif"><tspan style='fill:none;'>￭</tspan></tspan>
+<tspan x='57.099999999999994' y='308.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">Y</tspan>
+<tspan x='146.6' y='308.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">　</tspan>
+<tspan x='235.1' y='308.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">y</tspan>
+<tspan x='322.6' y='308.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">　</tspan>
+<tspan x='411.6' y='308.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">a</tspan>
+<tspan x='234.6' y='396.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif"><tspan style='fill:none;'>￭</tspan></tspan>
+<tspan x='145.1' y='484.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">Y</tspan>
+<tspan x='234.6' y='484.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">　</tspan>
+<tspan x='323.1' y='484.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">y</tspan>
+</text>
+<rect style='stroke: #009E73; stroke-width:2;'
+                        x='121.6' y='63.599999999999994' rx='44.0' ry='44.0'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<line style='stroke:#009E73; stroke-width:2;' x1='209.6' y1='107.6' x2='297.6' y2='107.6'></line>
+
+<rect style='stroke: #009E73; stroke-width:2;'
+                        x='297.6' y='63.599999999999994'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<rect style='stroke: #009E73; stroke-width:2;'
+                        x='33.599999999999994' y='239.6' rx='44.0' ry='44.0'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<line style='stroke:#009E73; stroke-width:2;' x1='121.6' y1='283.6' x2='209.6' y2='283.6'></line>
+
+<rect style='stroke: #009E73; stroke-width:2;'
+                        x='209.6' y='239.6'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<line style='stroke:#009E73; stroke-width:2;' x1='297.6' y1='283.6' x2='385.6' y2='283.6'></line>
+
+<rect style='stroke: #009E73; stroke-width:5.0;'
+                        x='385.6' y='239.6' rx='44.0' ry='44.0'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<rect style='stroke: #009E73; stroke-width:2;'
+                        x='121.6' y='415.6' rx='44.0' ry='44.0'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<line style='stroke:#009E73; stroke-width:2;' x1='209.6' y1='459.6' x2='297.6' y2='459.6'></line>
+
+<rect style='stroke: #009E73; stroke-width:2;'
+                        x='297.6' y='415.6'
+                        width='88.0' height='88.0'
+                        fill='none' />
+
+<line x1='16.799999999999994' y1='33.0' x2='490.40000000000003' y2='33.0' style='fill: none; stroke: #009E73; stroke-width:4'  />
+<line x1='16.799999999999994' y1='33.0' x2='16.799999999999994' y2='528.0' style='fill: none; stroke: #009E73; stroke-width:4'  />
+<line x1='490.40000000000003' y1='33.0' x2='490.40000000000003' y2='528.0' style='fill: none; stroke: #009E73; stroke-width:4'  />
+<line x1='16.799999999999994' y1='528.0' x2='490.40000000000003' y2='528.0' style='fill: none; stroke: #009E73; stroke-width:4'  /></svg>

data/docs/assets/svg/038.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+  <svg width="2135.2000000000007" height="1580.0" viewBox="-20, -20, 2155.2000000000007, 1600.0" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="arrow" markerUnits="strokeWidth" markerWidth="11.520000000000001" markerHeight="11.520000000000001" viewBox="0 0 11.520000000000001 11.520000000000001" refX="5.760000000000001" refY="0">
+      <polyline fill="none" stroke="black" stroke-width="1" points="0,11.520000000000001,5.760000000000001,0,11.520000000000001,11.520000000000001" />
+    </marker>
+    <marker id="arrowBackward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="11.520000000000001" markerHeight="11.520000000000001" orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="black"/>
+    </marker>
+    <marker id="arrowForward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="11.520000000000001" markerHeight="11.520000000000001" orient="auto">
+      <path d="M 10 0 L 0 5 L 10 10 z" fill="black"/>
+    </marker>
+    <marker id="arrowBothways" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="34.56" markerHeight="34.56" orient="auto">
+      <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="black"/>
+    </marker>
+    <pattern id="hatchBlack" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="black" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForNode" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="black" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForLeaf" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="black" stroke-width="4"></line>
+    </pattern>
+  </defs>
+<rect x="-20" y="-20" width="2155.2000000000007" height="1600.0" stroke="none" fill="white" />"
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='1026.0000000000002' y='132.0'><tspan x='1026.0000000000002' y='132.0' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">hypernym</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='244.79999999999995' y='475.20000000000005'><tspan x='244.79999999999995' y='475.20000000000005' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">meronym</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='28.799999999999955' y='818.4'><tspan x='28.799999999999955' y='818.4' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">meronymy/part-whole</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='244.79999999999995' y='1161.6'><tspan x='244.79999999999995' y='1161.6' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">holonym</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='936.0000000000002' y='475.20000000000005'><tspan x='936.0000000000002' y='475.20000000000005' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">superordinate</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='1098.0000000000002' y='818.4'><tspan x='1098.0000000000002' y='818.4' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">word</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='972.0000000000002' y='1161.6'><tspan x='972.0000000000002' y='1161.6' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">subordinate</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='1044.0000000000002' y='1504.8'><tspan x='1044.0000000000002' y='1504.8' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">hyponym</tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='1951.2000000000003' y='475.20000000000005'><tspan x='1951.2000000000003' y='475.20000000000005' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif"><tspan style='fill:none;'>￭</tspan></tspan>
+</text>
+<text white-space='pre' alignment-baseline='text-top' style='fill: black; font-size: 64px;' x='1843.2000000000003' y='818.4'><tspan x='1843.2000000000003' y='818.4' style="" text-decoration="" font-family="'Noto Sans Mono SemiCondensed', 'Noto Sans JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', sans-serif">synonym</tspan>
+</text>
+<line style='stroke:none; stroke-width:2;' x1='370.79999999999995' y1='365.2' x2='1170.0000000000002' y2='187.0' />
+<line style='stroke:none; stroke-width:2;' x1='1170.0000000000002' y1='365.2' x2='1170.0000000000002' y2='187.0' />
+<line style='stroke:none; stroke-width:2;' x1='1969.2000000000003' y1='365.2' x2='1170.0000000000002' y2='187.0' />
+<line style='stroke:none; stroke-width:2;' x1='370.79999999999995' y1='708.4' x2='370.79999999999995' y2='530.2' />
+<line style='stroke:none; stroke-width:2;' x1='370.79999999999995' y1='1051.6' x2='370.79999999999995' y2='873.4' />
+<line style='stroke:none; stroke-width:2;' x1='1170.0000000000002' y1='708.4' x2='1170.0000000000002' y2='530.2' />
+<line style='stroke:none; stroke-width:2;' x1='1170.0000000000002' y1='1051.6' x2='1170.0000000000002' y2='873.4' />
+<line style='stroke:none; stroke-width:2;' x1='1170.0000000000002' y1='1394.8' x2='1170.0000000000002' y2='1216.6' />
+<line style='stroke:none; stroke-width:2;' x1='1969.2000000000003' y1='708.4' x2='1969.2000000000003' y2='530.2' />
+<line x1='1011.6000000000003' y1='33.0' x2='1328.4000000000003' y2='33.0' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1011.6000000000003' y1='33.0' x2='1011.6000000000003' y2='176.0' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1328.4000000000003' y1='33.0' x2='1328.4000000000003' y2='176.0' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1011.6000000000003' y1='176.0' x2='1328.4000000000003' y2='176.0' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='230.39999999999995' y1='376.2' x2='511.19999999999993' y2='376.2' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='230.39999999999995' y1='376.2' x2='230.39999999999995' y2='519.2' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='511.19999999999993' y1='376.2' x2='511.19999999999993' y2='519.2' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='230.39999999999995' y1='519.2' x2='511.19999999999993' y2='519.2' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='230.39999999999995' y1='1062.6' x2='511.19999999999993' y2='1062.6' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='230.39999999999995' y1='1062.6' x2='230.39999999999995' y2='1205.6' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='511.19999999999993' y1='1062.6' x2='511.19999999999993' y2='1205.6' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='230.39999999999995' y1='1205.6' x2='511.19999999999993' y2='1205.6' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1083.6000000000001' y1='719.4' x2='1256.4' y2='719.4' style='fill: none; stroke: black; stroke-width:4'  />
+<line x1='1083.6000000000001' y1='719.4' x2='1083.6000000000001' y2='862.4' style='fill: none; stroke: black; stroke-width:4'  />
+<line x1='1256.4' y1='719.4' x2='1256.4' y2='862.4' style='fill: none; stroke: black; stroke-width:4'  />
+<line x1='1083.6000000000001' y1='862.4' x2='1256.4' y2='862.4' style='fill: none; stroke: black; stroke-width:4'  />
+<line x1='1029.6000000000001' y1='1405.8' x2='1310.4' y2='1405.8' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1029.6000000000001' y1='1405.8' x2='1029.6000000000001' y2='1548.8' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1310.4' y1='1405.8' x2='1310.4' y2='1548.8' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1029.6000000000001' y1='1548.8' x2='1310.4' y2='1548.8' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1828.8000000000002' y1='719.4' x2='2109.6000000000004' y2='719.4' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1828.8000000000002' y1='719.4' x2='1828.8000000000002' y2='862.4' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='2109.6000000000004' y1='719.4' x2='2109.6000000000004' y2='862.4' style='fill: none; stroke: black; stroke-width:2'  />
+<line x1='1828.8000000000002' y1='862.4' x2='2109.6000000000004' y2='862.4' style='fill: none; stroke: black; stroke-width:2'  />
+<path d='M1170.0000000000002,365.2 L1170.0000000000002,276.1 L1170.0000000000002, 187.0' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowBackward)' />
+<path d='M370.79999999999995,708.4 L370.79999999999995,619.3 L370.79999999999995, 530.2' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowBackward)' />
+<path d='M370.79999999999995,1051.6 L370.79999999999995,962.5 L370.79999999999995, 873.4' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowForward)' />
+<path d='M741.5999999999999,790.9 L905.4000000000001,790.9 L1069.2000000000003, 790.9' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowForward)' />
+<path d='M1170.0000000000002,708.4 L1170.0000000000002,619.3 L1170.0000000000002, 530.2' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowBackward)' />
+<path d='M1270.8000000000002,790.9 L1542.6000000000004,790.9 L1814.4000000000003, 790.9' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowBothways)' />
+<path d='M1170.0000000000002,1051.6 L1170.0000000000002,962.5 L1170.0000000000002, 873.4' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowForward)' />
+<path d='M1170.0000000000002,1394.8 L1170.0000000000002,1305.6999999999998 L1170.0000000000002, 1216.6' style='fill: none; stroke: black; stroke-width:2'  marker-mid='url(#arrowForward)' /></svg>

data/docs/assets/svg/039.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+  <svg width="115.6" height="211.2" viewBox="-20, -20, 135.6, 231.2" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="arrow" markerUnits="strokeWidth" markerWidth="13.440000000000001" markerHeight="13.440000000000001" viewBox="0 0 13.440000000000001 13.440000000000001" refX="6.720000000000001" refY="0">
+      <polyline fill="none" stroke="#CC79A7" stroke-width="1" points="0,13.440000000000001,6.720000000000001,0,13.440000000000001,13.440000000000001" />
+    </marker>
+    <marker id="arrowBackward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="13.440000000000001" markerHeight="13.440000000000001" orient="auto">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#D55E00"/>
+    </marker>
+    <marker id="arrowForward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="13.440000000000001" markerHeight="13.440000000000001" orient="auto">
+      <path d="M 10 0 L 0 5 L 10 10 z" fill="#D55E00"/>
+    </marker>
+    <marker id="arrowBothways" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="40.32" markerHeight="40.32" orient="auto">
+      <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="#D55E00"/>
+    </marker>
+    <pattern id="hatchBlack" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="black" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForNode" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="#0072B2" stroke-width="4"></line>
+    </pattern>
+    <pattern id="hatchForLeaf" x="10" y="10" width="10" height="10" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+      <line x1="0" y="0" x2="0" y2="10" stroke="#009E73" stroke-width="4"></line>
+    </pattern>
+  </defs>
+<rect x="-20" y="-20" width="135.6" height="231.2" stroke="none" fill="white" />"
+<text white-space='pre' alignment-baseline='text-top' style='fill: #009E73; font-size: 64px;' x='33.599999999999994' y='132.0'><tspan x='33.599999999999994' y='132.0' style="" text-decoration="" font-family="'Noto Serif', 'Noto Serif JP', OpenMoji, 'OpenMoji Color', 'OpenMoji Black', serif">X</tspan>
+</text>
+</svg>

data/docs/documentation.md

@@ -21,7 +21,7 @@ Type your text in the editor area using labeled bracket notation and click the D
 
 Every branch or leaf of the syntax tree must belong to a node. To create a node, place the label text right next to the start bracket. Any number of branches may follow, separated by a whitespace. (Node labels containing whitespaces can be created using the `<>` symbol. For example, `Modal<>Aux` will be rendered as `Modal Aux`).
 
-There are three different types of `connector` drawn between a terminal node and its leaves (`auto`, `bar` and `none`). `auto` draws a triangle for leaves containing one or more whitespaces (= phrases).  If the leaf does not contain any spaces (= single word), a straight bar is drawn instead (unless the leaf contains a `^` symbol at the beginning, which specifies the leaf to be a phrase).
+There are three different types of `connector` drawn between a terminal node and its leaves (`auto`, `bar` and `none`). `auto` draws a triangle for leaves containing one or more whitespaces (= phrases).  If the leaf does not contain any spaces (= single word), a straight bar is drawn instead (unless the leaf contains a `^` symbol at the beginning, which specifies the leaf to be a phrase). The connectors can be made transparent using the `Hide default connectors` option.
 
 The newline character `\n` can be used within the text of both node lables and leaves.
 
@@ -133,19 +133,20 @@ You can draw any number of paths of three different types:
 - Directional (rendered as solid line `----->`)
 - Bidirectional (rendered as solid line `<----->`)
 
-Each path is distinguished by a unique ID number. The ID is specified by putting a plus sign and a number (e.g. `+7`) at the end of the node text. If a greater-than sign is placed between the plus sign and the number (e.g. `+>7`), an arrowhead will appear at the end of the path.
+Each path is distinguished by a unique ID number. The ID is specified by putting a plus sign and a number (e.g. `+7`) at the end of the node text. If a greater-than or less-than sign is placed between the plus sign and the number (e.g. `+>7` or `+<7`), an arrowhead will appear at the end of the path. Note that it makes no difference whether `+>` or `+<` is used. The arrow is always directed to the element with one of these ID symbols.
+
 
 A node can have any number of IDs. The same ID must appear in the text of the *two* nodes between which the path is rendered. The same ID number cannot appear in more than two places.
 
 ### Draw Extra Connectors between Nodes (experimental)
 
-You can also add extra connector between nodes in the same fasion as you draw paths between nodes. Extra connectors are drawn as straigt lines (not as `polyline`s).
+You can also add extra connector between nodes in the same fasion as you draw paths between nodes. Extra connectors are drawn as straigt lines (not as `polyline`s). You may enable the `Hide default connectors` option when drawing extra connectors.
 
 - Non-directional (rendered as solid line `-----`)
 - Directional (rendered as solid line `--▶--`)
 - Bidirectional (rendered as solid line `-◀-▶-`)
 
-Each additional connectors is distinguished by an ID number. The ID is specified by putting a a number after a sequence of a plus and a minus symbols (e.g. `+-8`) at the end of the node text. If a greater-than sign is placed between the minus sign and the number (e.g. `+->8`), an arrowhead will appear at the end of the connector.
+Each additional connectors is distinguished by an ID number. The ID is specified by putting a a number after a sequence of a plus and a minus symbols (e.g. `+-8`) at the end of the node text. If a greater-than sign is placed between the minus sign and the number (e.g. `+->8`), an arrowhead will appear at the end of the connector. Note that it makes no difference whether `+->` or `+-<` is used. The arrow is always directed to the element with one of these ID symbols.
 
 A node can have any number of IDs. The same ID must appear in the text of the *two* nodes between which the additional connector is rendered. The same ID number cannot appear in more than two places.
 

data/docs/documentation_ja.md

@@ -19,9 +19,9 @@ layout: default
 
 エディターエリアにラベル付き括弧表記でテキストを入力し，`Draw PNG`または`Draw SVG`ボタンをクリックします．
 
-樹形図のすべてのブランチ（枝）やリーフ（葉）は，ノード（節点）に属します．ノードを作成するには，ラベルテキストを開始括弧の直後に配置します．ブランチは，空白で区切っていくつでも設定できます．リーフのテキストに1つ以上の空白が含まれているとき、空白はそのまま表示されます。ノードのラベルに空白を含めたいときには `<>` 記号を使って表します．例えば `Modal<>Aux` とすれば `Modal Aux` と表示されます．
+樹形図のすべてのブランチ（枝）やリーフ（葉）は，ノード（節点）に属します．ノードを作成するには，ラベルテキストを開始括弧の直後に配置します．ブランチは，空白で区切っていくつでも設定できます．リーフのテキストに1つ以上の空白が含まれているとき，空白はそのまま表示されます．ノードのラベルに空白を含めたいときには `<>` 記号を使って表します．例えば `Modal<>Aux` とすれば `Modal Aux` と表示されます．
 
-終端ノードとリーフの間に描かれるコネクターの描画方法は3種の中から選べます（`auto`，`bar`，`none`）．`auto` では，1つ以上の空白を含むリーフ（要するに「句」）に対しては終端ノードを頂点とした三角形を描画します．リーフが空白を含まない場合（つまり「単語」の場合)，垂直線が描かれます ．なお，リーフの先頭に `^` をつけると，そのリーフが句であると宣言することになります．したがって必ず三角形が描かれます． `bar` では，すべてのリーフに関して垂直線が描かれます． `none` では終端ノードとリーフの間にコネクターは描かれません．
+終端ノードとリーフの間に描かれるコネクターの描画方法は3種の中から選べます（`auto`，`bar`，`none`）．`auto` では，1つ以上の空白を含むリーフ（要するに「句」）に対しては終端ノードを頂点とした三角形を描画します．リーフが空白を含まない場合（つまり「単語」の場合)，垂直線が描かれます ．なお，リーフの先頭に `^` をつけると，そのリーフが句であると宣言することになります．したがって必ず三角形が描かれます． `bar` では，すべてのリーフに関して垂直線が描かれます． `none` では終端ノードとリーフの間にコネクターは描かれません．これらのコネクターは `Hide default connectors` オプションをオンにすると非表示（透明）にすることができます．
 
 ノードを表すテキストやリーフを表すテキストの中で改行を行たい場合，改行文字 `\n` を用いることができます．
 
@@ -86,7 +86,7 @@ SVG形式を用いる場合，期待通りの表示を得るためには，ご
 |------------|--------|
 |`X<>Y`      |X&nbsp;Y|
 
-リーフのテキスト中の半角スペースはそのままスペースとして表示されます。`<>`は基本的にはラベル内でスペースを表示したいときに使いますが、リーフ内のテキストでも有効です。
+リーフのテキスト中の半角スペースはそのままスペースとして表示されます．`<>`は基本的にはラベル内でスペースを表示したいときに使いますが，リーフ内のテキストでも有効です．
 
 #### 改行
 
@@ -127,7 +127,7 @@ SVG形式を用いる場合，期待通りの表示を得るためには，ご
 
 ### 一部の文字を表示するためのエスケープ
 
-文字装飾などのマークアップに使用される一部の文字をテキストとして表示するためには `\` によってエスケープする必要があります。使用している環境で `\` が使えない場合は `¥` で代用することができます。
+文字装飾などのマークアップに使用される一部の文字をテキストとして表示するためには `\` によってエスケープする必要があります．使用している環境で `\` が使えない場合は `¥` で代用することができます．
 
 {% include escape_char_table.html %}
 
@@ -143,16 +143,16 @@ SVG形式を用いる場合，期待通りの表示を得るためには，ご
 - 方向（矢印）のあるパス（`----->`）
 - 両方向の矢印のあるパス（`<----->`）
 
-樹形図の中でパスを表示したいとき，パスの両端を数字のIDで指定します。数字をプラス（`+`）記号と共にノードのテキストの最後で指定してください（例：`+7`）．
-プラス記号とID番号の間に `>` 記号を入れると（例：`+>7`），パスの終端に矢印が付きます．
+樹形図の中でパスを表示したいとき，パスの両端を数字のIDで指定します．数字をプラス（`+`）記号と共にノードのテキストの最後で指定してください（例：`+7`）．
+プラス記号とID番号の間に `>` 記号を入れると（例：`+>7`），パスの終端に矢印が付きます．その際、`+>` と `+<` のどちらを用いるかで結果は変わりません。矢印の先は常にこれらのいずれかを用いたIDが指定された要素に向けられます。
 
 IDにはどのような数字を用いても構いませんが，必ず **2箇所** で同じIDを指定することが必要です．同じIDを3箇所以上で指定することはできません．
 
 ### ノードからノードへの追加的なコネクターの描画（試験的機能）
 
-パスの指定と類似した方式でノードからノードへのコネクターを追加することができます。追加的なコネクターは直線で描画されます（`polyline`にはなりません）。
+パスの指定と類似した方式でノードからノードへのコネクターを追加することができます．追加的なコネクターは直線で描画されます（`polyline`にはなりません）．追加的なコネクターを描画する際，デフォルトのコネクターを非表示（透明）にしたいときには `Hide default connectors`オプションをオンにすると良いでしょう．
 
-追加のコネクターは数字のIDで指定します，プラスとマイナスを連続させた（`+-`）後にIDを指定してください（例：`+-8`）．マイナス記号とID番号の間に `>` 記号を入れると（例：`+->8`），コネクターの終端に矢印が付きます．
+追加のコネクターは数字のIDで指定します，プラスとマイナスを連続させた（`+-`）後にIDを指定してください（例：`+-8`）．マイナス記号とID番号の間に `>` 記号を入れると（例：`+->8`），コネクターの終端に矢印が付きます．その際、`+->` と `+-<` のどちらを用いるかで結果は変わりません。矢印の先は常にこれらのいずれかを用いたIDが指定された要素に向けられます。
 
 - 方向（矢印）のないコネクター（`-----`）
 - 方向（矢印）のあるコネクター（`--▶--`）

data/docs/examples.html

@@ -37,7 +37,7 @@ layout: default
                 <tr><td>Category</td><td>{{ example.category}}</td></tr>
                 <tr><td>Connector</td><td>{{ example.connector }}</td></tr>
                 <tr><td>Polyline</td><td>{{ example.polyline }}</td></tr>
-                <tr><td>Colorization</td><td>{{ example.colorization }}</td></tr>
+                <tr><td>Color</td><td>{{ example.color }}</td></tr>
                 <tr><td>Radical Symmetirization</td><td>{{ example.symmetrization }}</td></tr>
                 <tr><td>Font</td><td>{{ example.font }}</td></tr>
                 {% if example.reference %}

data/lib/rsyntaxtree/base_graph.rb

@@ -16,7 +16,19 @@ module RSyntaxTree
       @element_list = element_list
       @symmetrize = params[:symmetrize]
 
-      if params[:color]
+      case params[:color]
+      # Okabe-Ito Color
+      when "modern"
+        @col_node  = "#0072B2" # blue
+        @col_leaf  = "#009E73" # bluishgreen
+        @col_path  = "#CC79A7" # reddishpurple
+        @col_extra = "#D55E00" # vermillion
+        # "#000000" black
+        # "#E69F00" orange
+        # "#56B4E9" skyblue
+        # "#F0E442" yellow
+        # "#999999" grey
+      when "traditional"
         @col_node  = "blue"
         @col_leaf  = "green"
         @col_path = "purple"
@@ -30,7 +42,12 @@ module RSyntaxTree
 
       @col_bg   = "none"
       @col_fg   = "black"
-      @col_line = "black"
+
+      @col_line = if params[:hide_default_connectors]
+                    "none"
+                  else
+                    "black"
+                  end
 
       @leafstyle = params[:leafstyle]
       @fontset = params[:fontset]
@@ -224,11 +241,13 @@ module RSyntaxTree
     end
 
     def parse_list
-      calculate_level
-      calculate_width
-      make_balance if @symmetrize
-      calculate_indent
-      node_centering
+      if @element_list.elements.size > 1
+        calculate_level
+        calculate_width
+        make_balance if @symmetrize
+        calculate_indent
+        node_centering
+      end
 
       top = @element_list.get_id(1)
       diff = top.horizontal_indent
@@ -250,7 +269,6 @@ module RSyntaxTree
       width = get_rightmost - get_leftmost + @global[:h_gap_between_nodes]
       height = @element_list.get_id(1).height
       height = @height if @height > height
-
       { height: height, width: width }
     end
   end

data/lib/rsyntaxtree/element.rb

@@ -27,7 +27,7 @@ module RSyntaxTree
       @vertical_indent = 0     # Drawing offset
       content = content.strip
 
-      @path = if /.+?\^?((?:\+-?>?\d+)+)\^?\z/m =~ content
+      @path = if /.+?\^?((?:\+-?>?<?\d+)+)\^?\z/m =~ content
                 $1.sub(/\A\+/, "").split("+")
               else
                 []
@@ -57,6 +57,7 @@ module RSyntaxTree
     def setup
       total_width = 0
       total_height = 0
+      one_bvm_given = false
       @content.each do |content|
         content_width = 0
         case content[:type]
@@ -88,6 +89,7 @@ module RSyntaxTree
                    end
 
             standard_metrics = FontMetrics.get_metrics('X', @fontset[:normal], fontsize, :normal, :normal)
+
             height = standard_metrics.height
             if /\A[<>]+\z/ =~ text
               width = standard_metrics.width * text.size / 2
@@ -132,16 +134,22 @@ module RSyntaxTree
             end
 
             e[:height] = height
-            elements_height << height + @global[:box_vertical_margin] / 2
+
+            if one_bvm_given
+              elements_height << height
+            else
+              one_bvm_given = true
+              elements_height << height + @global[:box_vertical_margin] / 2
+            end
 
             e[:width] = width
             row_width += width
           end
 
-          total_height += if @enclosure != :none
-                            elements_height.max + @global[:height_connector_to_text]
+          total_height += if @parent.zero? && @children.empty? && @enclosure == :none
+                            elements_height.max + @global[:height_connector_to_text] * 2
                           else
-                            elements_height.max
+                            elements_height.max + @global[:height_connector_to_text]
                           end
           content_width += row_width
         end

data/lib/rsyntaxtree/markup_parser.rb

@@ -13,7 +13,7 @@ class MarkupParser < Parslet::Parser
   rule(:brackets) { str('#') }
   rule(:triangle) { str('^') }
 
-  rule(:path) { (str('+') >> str('-').maybe >> str('>').maybe >> match('\d').repeat(1)).as(:path) }
+  rule(:path) { (str('+') >> str('-').maybe >> (str('>') | str('<')).maybe >> match('\d').repeat(1)).as(:path) }
   rule(:escaped) { str('\\') >> match('[#<>{}\\^+*_=~\|\n\-]').as(:chr) }
   rule(:non_escaped) { ((match('[#<>{}\\^+*_=~\|\-]') | str('\\n')).absent? >> any).as(:chr) }
   rule(:text) { (escaped | non_escaped).repeat(1).as(:text) }

data/lib/rsyntaxtree/svg_graph.rb

@@ -16,6 +16,7 @@ module RSyntaxTree
     attr_accessor :width, :height
 
     def initialize(element_list, params, global)
+      super(element_list, params, global)
       @height = 0
       @width  = 0
       @extra_lines = []
@@ -26,8 +27,8 @@ module RSyntaxTree
       @fontstyle = params[:fontstyle]
       @margin = params[:margin].to_i
       @polyline = params[:polyline]
-      @line_styles = "<line style='stroke:black; stroke-width:#{FONT_SCALING};' x1='X1' y1='Y1' x2='X2' y2='Y2' />\n"
-      @polyline_styles = "<polyline style='stroke:black; stroke-width:#{FONT_SCALING}; fill:none;'
+      @line_styles = "<line style='stroke:#{@col_line}; stroke-width:#{FONT_SCALING};' x1='X1' y1='Y1' x2='X2' y2='Y2' />\n"
+      @polyline_styles = "<polyline style='stroke:#{@col_line}; stroke-width:#{FONT_SCALING}; fill:none;'
                             points='CHIX CHIY MIDX1 MIDY1 MIDX2 MIDY2 PARX PARY' />\n"
       @polygon_styles = "<polygon style='fill: none; stroke: black; stroke-width:#{FONT_SCALING};' points='X1 Y1 X2 Y2 X3 Y3' />\n"
       @text_styles = "<text white-space='pre' alignment-baseline='text-top' style='fill: COLOR; font-size: fontsize' x='X_VALUE' y='Y_VALUE'>CONTENT</text>\n"
@@ -35,12 +36,15 @@ module RSyntaxTree
       @visited_x = {}
       @visited_y = {}
       @global = global
-      super(element_list, params, global)
     end
 
     def svg_data
       metrics = parse_list
-      @height = metrics[:height] + @margin * 2
+      @height = if @element_list.elements.size == 1
+                  metrics[:height]
+                else
+                  metrics[:height] + @margin * 2
+                end
       @width = metrics[:width] + @margin * 2
 
       x1 = 0 - @margin
@@ -51,7 +55,7 @@ module RSyntaxTree
 
       as  = @global[:h_gap_between_nodes] / 4 * 0.8
       as2 = @global[:h_gap_between_nodes] / 2 * 0.8
-      as4 = @global[:h_gap_between_nodes]
+      as4 = @global[:h_gap_between_nodes] * 1.2
 
       header = <<~HDR
         <?xml version="1.0" standalone="no"?>
@@ -61,12 +65,12 @@ module RSyntaxTree
             <marker id="arrow" markerUnits="strokeWidth" markerWidth="#{as2}" markerHeight="#{as2}" viewBox="0 0 #{as2} #{as2}" refX="#{as}" refY="0">
               <polyline fill="none" stroke="#{@col_path}" stroke-width="1" points="0,#{as2},#{as},0,#{as2},#{as2}" />
             </marker>
-            <marker id="arrowForward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="#{as2}" markerHeight="#{as2}" orient="auto-start-reverse">
-              <path d="M 0 0 L 10 5 L 0 10 z" fill="#{@col_extra}"/>
-            </marker>
             <marker id="arrowBackward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="#{as2}" markerHeight="#{as2}" orient="auto">
               <path d="M 0 0 L 10 5 L 0 10 z" fill="#{@col_extra}"/>
             </marker>
+            <marker id="arrowForward" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="#{as2}" markerHeight="#{as2}" orient="auto">
+              <path d="M 10 0 L 0 5 L 10 10 z" fill="#{@col_extra}"/>
+            </marker>
             <marker id="arrowBothways" viewBox="0 0 30 10" refX="15" refY="5" markerWidth="#{as4}" markerHeight="#{as4}" orient="auto">
               <path d="M 0 5 L 10 0 L 10 5 L 20 5 L 20 0 L 30 5 L 20 10 L 20 5 L 10 5 L 10 10 z" fill="#{@col_extra}"/>
             </marker>
@@ -389,10 +393,10 @@ module RSyntaxTree
         x1 = element.horizontal_indent + element.content_width / 2
         x2 = element.horizontal_indent + element.content_width + @global[:h_gap_between_nodes]
         y0 = element.vertical_indent + @global[:height_connector_to_text] / 2
-        y1 = element.vertical_indent + element.content_height + @global[:h_gap_between_nodes] * 1.5
+        y1 = element.vertical_indent + element.content_height + @global[:height_connector_to_text]
         et = element.path
         et.each do |tr|
-          if /\A-(>)?(\d+)\z/ =~ tr
+          if /\A-(>|<)?(\d+)\z/ =~ tr
             arrow = $1
             tr = $2
             if line_pool[tr]
@@ -401,7 +405,7 @@ module RSyntaxTree
               line_pool[tr] = [{ x: { left: x0, center: x1, right: x2 }, y: { top: y0, center: y0 + (y1 - y0) / 2, bottom: y1 }, arrow: arrow }]
             end
             line_flags << tr
-          elsif /\A>(\d+)\z/ =~ tr
+          elsif /\A(?:>|<)(\d+)\z/ =~ tr
             tr = $1
             if path_pool_target[tr]
               path_pool_target[tr] << [x1, y1]
@@ -459,8 +463,8 @@ module RSyntaxTree
 
         if a[:y][:top] > b[:y][:bottom]
           draw_direct_line(a[:x][:center], a[:y][:top], b[:x][:center], b[:y][:bottom], a[:arrow], b[:arrow])
-        elsif b[:y][:top] > a[:y][:bottom]
-          draw_direct_line(a[:x][:center], a[:y][:bottom], b[:x][:center], b[:y][:top], a[:arrow], b[:arrow])
+        elsif a[:y][:bottom] < b[:y][:top]
+          draw_direct_line(b[:x][:center], b[:y][:top], a[:x][:center], a[:y][:bottom], b[:arrow], a[:arrow])
         elsif a[:x][:center] < b[:x][:center]
           draw_direct_line(a[:x][:right], a[:y][:center], b[:x][:left], b[:y][:center], a[:arrow], b[:arrow])
         else