asciidiagram-1.3: docimages/deepStyleExample.svg
<?xml version='1.0' ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="865.0" height="327.0">
<style type="text/css">text {
font-family: Consolas , "DejaVu Sans Mono" , monospace;
font-size: 16.0px;
}
.dashed_elem {
stroke-dasharray: 4.0 , 3.0;
}
.filled_shape {
fill: url(#shape_light);
stroke: #000000;
stroke-width: 1.0px;
}
.line_element {
fill: none;
stroke: #000000;
stroke-width: 1.0px;
}
.bullet {
stroke-width: 1.0px;
fill: #FFFFFF;
stroke: #000000;
}
.arrow_head {
fill: #000000;
stroke: none;
}
.li .line_element {
stroke: #800080;
}
.li .arrow_head,
.li text {
fill: #808080;
}
.lo .line_element {
stroke: #0000FF;
}
.lo .arrow_head,
.lo text {
fill: #008000;
}
.lu .line_element {
stroke: #FF0000;
}
.lu .arrow_head,
.lu text {
fill: #FFA500;
}
.ii .filled_shape {
fill: #DDDDFF;
}
.ii text {
fill: #0000FF;
}
.oo .filled_shape {
fill: #DDFFDD;
}
.oo text {
fill: #FFC0CB;
}
</style>
<defs>
<symbol id="circle" viewBox="0.0 0.0 50.0 50.0" preserveAspectRatio="none">
<circle class="filled_shape" cx="25.0" cy="25.0" r="24.5" />
</symbol>
<symbol id="document" viewBox="0.0 0.0 51.0 51.0" preserveAspectRatio="none">
<path class="filled_shape" d="m49.98,0.79 -49.166,0.0 0.0,45.402 c15.92,12.45 30.4,-13.44 49.17,0.0 Z" />
</symbol>
<symbol id="io" viewBox="0.0 0.0 100.0 100.0" preserveAspectRatio="none">
<path class="filled_shape" d="m19.207,1.6 h79.414 l-17.192,97.297 h-79.414 Z" />
</symbol>
<linearGradient id="shape_light" x2="0%" y2="100%">
<stop offset="0%" stop-color="#F5F5F5" />
<stop offset="100%" stop-color="#D8D8D8" />
</linearGradient>
<symbol id="storage" viewBox="0.0 0.0 80.0 80.0" preserveAspectRatio="none">
<path class="filled_shape" d="m4.8122,67.74 v-53.769 c0.0,-3.2991 16.067,-5.9743 35.845,-5.9743 19.78,0.0 35.848,2.6752 35.848,5.9743 v53.769 c0.0,3.2925 -16.068,5.9743 -35.848,5.9743 -19.779,0.0 -35.845,-2.6818 -35.845,-5.9743 Z" />
<path class="filled_shape" d="m4.8122,13.97 4.779e-2,0.30672 0.13807,0.30272 0.22834,0.29872 0.31464,0.29344 0.40094,0.28944 0.48325,0.2828 0.56423,0.27744 0.64256,0.2708 0.71823,0.26416 0.79258,0.25752 0.86294,0.25096 0.9333,0.2416 0.99968,0.23496 1.0647,0.22568 1.1271,0.2164 1.1869,0.2084 1.2453,0.19784 1.301,0.1872 1.3555,0.17792 1.4046,0.16728 1.455,0.15536 1.5002,0.14336 1.5466,0.1328 1.5865,0.11952 1.6276,0.10752 1.6648,9.42e-2 1.7007,8.1e-2 1.7338,6.64e-2 1.7644,5.31e-2 1.7923,3.72e-2 1.8188,2.39e-2 1.8427,8.0e-3 c19.78,0.0 35.848,-2.6818 35.848,-5.9743" />
</symbol>
</defs>
<text x="585.5" y="21.5">. </text>
<text x="605.5" y="133.5">e0 </text>
<text x="845.5" y="133.5">.</text>
<g class="line_element">
<path d="M680.0,140.0 L680.0,140.0 L580.0,140.0 L570.0,140.0" />
<path class="arrow_head" d="M680.0,133.0 L690.0,140.0 L680.0,147.0 Z" />
</g>
<g class="li">
<path class="filled_shape li" d="M21.5,28.0 L21.5,280.0 S20.0,294.0 30.0,292.5 L560.0,292.5 S570.0,294.0 568.5,280.0 L568.5,154.0 L568.5,140.0 L568.5,28.0 S570.0,14.0 560.0,15.5 L30.0,15.5 S20.0,14.0 21.5,28.0 Z" />
<g class="lo">
<path class="filled_shape lo" d="M71.5,56.0 L71.5,70.0 L71.5,82.5 L110.0,82.5 L121.5,82.5 L121.5,98.0 L121.5,112.0 L121.5,127.5 L80.0,127.5 L71.5,127.5 L71.5,140.0 L71.5,152.5 L110.0,152.5 S120.0,154.0 121.5,168.0 L121.5,182.0 L121.5,194.5 L320.0,194.5 L330.0,194.5 L350.0,194.5 S360.0,196.0 358.5,182.0 L358.5,154.0 L358.5,140.0 L358.5,84.0 L358.5,70.0 L358.5,56.0 S360.0,42.0 350.0,43.5 L80.0,43.5 S70.0,42.0 71.5,56.0 Z" />
<g class="lu">
<path class="filled_shape lu" d="M201.5,154.0 L201.5,154.0 S200.0,168.0 210.0,166.5 L220.0,166.5 L230.0,166.5 L280.0,166.5 S290.0,168.0 288.5,154.0 L288.5,154.0 S290.0,140.0 280.0,141.5 L210.0,141.5 S200.0,140.0 201.5,154.0 Z" />
<text x="215.5" y="161.5">s3</text>
</g>
<g>
<path class="filled_shape" d="M191.5,70.0 L191.5,70.0 S190.0,84.0 200.0,82.5 L220.0,82.5 L230.0,82.5 L270.0,82.5 S280.0,84.0 278.5,70.0 L278.5,70.0 S280.0,56.0 270.0,57.5 L200.0,57.5 S190.0,56.0 191.5,70.0 Z" />
<text x="215.5" y="77.5">s2 </text>
</g>
<path class="line_element" d="M120.0,112.0 L120.0,112.0" />
<g class="line_element">
<path d="M120.0,112.0 L120.0,112.0 L210.0,112.0 S220.0,112.0 220.0,126.0 L220.0,126.0" />
<path class="arrow_head" d="M215.0,126.0 L225.0,126.0 L220.0,140.0 Z" />
</g>
<g class="line_element">
<path d="M180.0,70.0 L180.0,70.0 L150.0,70.0 L140.0,70.0" />
<path class="arrow_head" d="M180.0,63.0 L190.0,70.0 L180.0,77.0 Z" />
<circle class="bullet" cx="140.0" cy="70.0" r="3.0" />
</g>
<g class="line_element">
<path d="M230.0,126.0 L230.0,126.0 L230.0,98.0 L230.0,84.0" />
<path class="arrow_head" d="M225.0,126.0 L235.0,126.0 L230.0,140.0 Z" />
</g>
<path class="line_element" d="M230.0,168.0 L230.0,168.0" />
<g class="line_element">
<path d="M230.0,168.0 L230.0,168.0 S230.0,182.0 220.0,182.0 L140.0,182.0 L130.0,182.0" />
<path class="arrow_head" d="M130.0,175.0 L120.0,182.0 L130.0,189.0 Z" />
</g>
<path class="line_element" d="M360.0,140.0 L360.0,140.0" />
<path class="line_element" d="M360.0,140.0 L360.0,140.0 L360.0,84.0 L360.0,70.0" />
<text x="75.5" y="63.5">s1 </text>
<text x="245.5" y="119.5">e1 </text>
<text x="155.5" y="175.5">e2 </text>
</g>
<g class="oo">
<path class="filled_shape oo" d="M71.5,168.0 L71.5,182.0 S70.0,196.0 80.0,194.5 L80.0,194.5 L90.0,194.5 L110.0,194.5 L118.5,194.5 L118.5,168.0 S120.0,154.0 110.0,155.5 L80.0,155.5 L71.5,155.5 Z" />
<text x="85.5" y="175.5">o5 </text>
</g>
<g class="ii">
<path class="filled_shape ii" d="M71.5,98.0 L71.5,112.0 L71.5,124.5 L110.0,124.5 L118.5,124.5 L118.5,112.0 L118.5,98.0 L118.5,85.5 L80.0,85.5 L71.5,85.5 Z" />
<text x="85.5" y="105.5">i4 </text>
</g>
<g>
<path class="filled_shape" d="M451.5,70.0 L451.5,70.0 S450.0,84.0 460.0,82.5 L530.0,82.5 S540.0,84.0 538.5,70.0 L538.5,70.0 S540.0,56.0 530.0,57.5 L460.0,57.5 S450.0,56.0 451.5,70.0 Z" />
<text x="475.5" y="77.5">s10 </text>
</g>
<g>
<path class="filled_shape" d="M51.5,266.0 L51.5,266.0 S50.0,280.0 60.0,278.5 L130.0,278.5 S140.0,280.0 138.5,266.0 L138.5,266.0 S140.0,252.0 130.0,253.5 L60.0,253.5 S50.0,252.0 51.5,266.0 Z" />
<text x="75.5" y="273.5">s20 </text>
</g>
<path class="line_element" d="M90.0,196.0 L90.0,196.0 L110.0,196.0 L120.0,196.0" />
<g class="line_element">
<path d="M90.0,238.0 L90.0,238.0 L90.0,210.0 L90.0,196.0" />
<path class="arrow_head" d="M85.0,238.0 L95.0,238.0 L90.0,252.0 Z" />
</g>
<path class="line_element" d="M120.0,196.0 L120.0,196.0 L320.0,196.0 L330.0,196.0" />
<path class="line_element" d="M330.0,196.0 L330.0,196.0" />
<g class="line_element">
<path d="M330.0,196.0 L330.0,196.0 L330.0,210.0 S330.0,224.0 340.0,224.0 L380.0,224.0 S390.0,224.0 390.0,210.0 L390.0,196.0 S390.0,182.0 380.0,182.0 L380.0,182.0 L370.0,182.0" />
<path class="arrow_head" d="M370.0,175.0 L360.0,182.0 L370.0,189.0 Z" />
</g>
<path class="line_element" d="M330.0,196.0 L330.0,196.0 L350.0,196.0 S360.0,196.0 360.0,182.0 L360.0,154.0 L360.0,140.0" />
<g class="line_element">
<path d="M360.0,70.0 L360.0,70.0 L430.0,70.0 L440.0,70.0" />
<path class="arrow_head" d="M440.0,63.0 L450.0,70.0 L440.0,77.0 Z" />
</g>
<g class="line_element">
<path d="M360.0,140.0 L360.0,140.0 L470.0,140.0 S480.0,140.0 480.0,126.0 L480.0,112.0 L480.0,98.0" />
<path class="arrow_head" d="M475.0,98.0 L485.0,98.0 L480.0,84.0 Z" />
</g>
<text x="25.5" y="35.5">s100 </text>
<text x="385.5" y="63.5">e1 </text>
<text x="375.5" y="133.5">ealarm </text>
<text x="405.5" y="217.5">eReset </text>
</g>
<g>
<path class="filled_shape" d="M691.5,140.0 L691.5,140.0 S690.0,154.0 700.0,152.5 L820.0,152.5 S830.0,154.0 828.5,140.0 L828.5,140.0 S830.0,126.0 820.0,127.5 L700.0,127.5 S690.0,126.0 691.5,140.0 Z" />
<text x="735.5" y="147.5">s50 </text>
</g>
</svg>