898 lines
33 KiB
XML
898 lines
33 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="775px" preserveAspectRatio="none" style="width:1227px;height:775px;background:#00000000;" version="1.1" viewBox="0 0 1227 775" width="1227.0833px" zoomAndPan="magnify"><defs/><g><rect height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#717D89;stroke-width:1.0416666666666667;fill:none;" width="529.1667" x="341.9271" y="2.0833"/><text fill="#DF691A" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="502.0833" x="355.4688" y="33.4452">Component Diagram - superhero-outline theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
|
|
cluster My Package--><path d="M10.4167,57.6111 L101.0417,57.6111 A6.25,6.25 0 0 1 105.2083,61.7778 L112.5,89.4694 L788.5417,89.4694 A4.1667,4.1667 0 0 1 792.7083,93.6361 L792.7083,172.1944 A4.1667,4.1667 0 0 1 788.5417,176.3611 L10.4167,176.3611 A4.1667,4.1667 0 0 1 6.25,172.1944 L6.25,61.7778 A4.1667,4.1667 0 0 1 10.4167,57.6111 " style="stroke:#DF691A;stroke-width:2.0833333333333335;fill:none;"/><line style="stroke:#DF691A;stroke-width:2.0833333333333335;fill:none;" x1="6.25" x2="112.5" y1="89.4694" y2="89.4694"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="15.625" y="77.4699">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
|
|
cluster My Node--><polygon points="162.5,247.1944,172.9167,236.7778,591.6667,236.7778,591.6667,350.3194,581.25,360.7361,162.5,360.7361,162.5,247.1944" style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;"/><line style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;" x1="581.25" x2="591.6667" y1="247.1944" y2="236.7778"/><line style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;" x1="162.5" x2="581.25" y1="247.1944" y2="247.1944"/><line style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;" x1="581.25" x2="581.25" y1="247.1944" y2="360.7361"/><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="343.2292" y="268.0949">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
|
|
cluster My Cloud--><path d="M632.8452,252.3048 C635.5616,246.3885 641.3703,245.0033 645.6912,250.4986 C648.6196,244.5729 653.8497,242.7412 658.3925,248.7855 C661.7842,242.2948 666.3319,242.7542 670.8069,247.599 C672.8056,240.605 678.7181,240.0996 683.2847,244.877 C686.4089,240.0353 690.2212,239.0011 693.9918,244.1867 C699.5524,237.1245 703.9169,239.0107 707.9586,245.7264 C711.9335,240.5167 716.267,241.4295 719.5641,246.4921 C725.1945,241.1095 729.7546,241.3823 732.7397,249.1437 C736.0808,244.5004 741.0042,243.3458 744.1028,249.4012 C754.5244,243.054 759.6988,246.8821 762.5,257.6111 C763.0379,257.2868 763.4395,257.5488 763.4195,258.1597 C772.3859,261.229 771.7275,268.5845 765.6726,273.8156 C773.3938,278.4468 773.1416,284.4836 765.0181,288.4039 C771.9756,291.4599 772.6037,296.9548 766.4716,301.4672 C773.0597,305.608 773.976,312.2498 766.6993,316.5992 C774.5789,321.3111 772.3286,327.8941 765.594,331.5237 C773.1331,342.2412 767.7994,351.6985 755.2083,352.4028 C755.5623,352.0197 756.021,351.9399 756.2533,352.5331 C754.169,358.6396 748.7728,359.7847 744.428,354.9838 C740.9431,360.0683 737.0362,360.9863 732.8844,355.7281 C728.9311,361.287 724.6223,362.4772 719.8952,356.6075 C715.993,361.9673 710.8804,362.8899 707.4539,356.1196 C704.1018,363.3128 699.3344,363.2219 694.0374,358.2675 C690.1311,362.9253 685.8482,362.7576 682.2404,357.8976 C677.7966,362.4943 673.6552,362.7278 670.0568,356.9087 C665.7581,361.7034 660.9685,359.927 658.9909,354.4163 C655.8379,360.6122 649.4734,361.5113 645.5912,355.1974 C634.876,363.7224 625.8751,356.6744 625,345.1111 C625.4289,344.5793 625.7916,344.7551 626.0953,345.2452 C619.2522,342.8533 619.6025,336.8376 624.2906,332.7766 C615.9787,329.2338 615.021,322.6337 621.3055,316.4261 C613.5469,313.3963 612.8594,307.5593 617.9757,301.6317 C611.7086,296.1648 613.839,289.7318 621.5599,287.922 C614.4608,282.5853 615.8927,277.2178 622.949,273.2185 C615.7092,261.9607 618.7627,253.1036 632.2917,250.3194 C633.5432,250.5986 633.7492,251.4246 632.8452,252.3048 " style="stroke:#F2FCFE;stroke-width:1.5625;fill:none;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="662.5" y="273.3032">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
|
|
cluster My Database--><path d="M598.9583,413.3403 C598.9583,402.9236 693.75,402.9236 693.75,402.9236 C693.75,402.9236 788.5417,402.9236 788.5417,413.3403 L788.5417,758.1319 C788.5417,768.5486 693.75,768.5486 693.75,768.5486 C693.75,768.5486 598.9583,768.5486 598.9583,758.1319 L598.9583,413.3403 " style="stroke:#E58748;stroke-width:1.5625;fill:none;"/><path d="M598.9583,413.3403 C598.9583,423.7569 693.75,423.7569 693.75,423.7569 C693.75,423.7569 788.5417,423.7569 788.5417,413.3403 " fill="none" style="stroke:#E58748;stroke-width:1.5625;"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="649.4792" y="443.6157">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
|
|
cluster My folder--><path d="M628.125,471.6736 L701.0417,471.6736 A6.25,6.25 0 0 1 705.2083,475.8403 L712.5,503.5319 L759.375,503.5319 A4.1667,4.1667 0 0 1 763.5417,507.6986 L763.5417,586.2569 A4.1667,4.1667 0 0 1 759.375,590.4236 L628.125,590.4236 A4.1667,4.1667 0 0 1 623.9583,586.2569 L623.9583,475.8403 A4.1667,4.1667 0 0 1 628.125,471.6736 " style="stroke:#F0AD4E;stroke-width:1.5625;fill:none;"/><line style="stroke:#F0AD4E;stroke-width:1.5625;fill:none;" x1="623.9583" x2="712.5" y1="503.5319" y2="503.5319"/><text fill="#F0AD4E" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="633.3333" y="491.5324">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
|
|
cluster My Frame--><rect height="118.75" rx="4.1667" ry="4.1667" style="stroke:#5BC0DE;stroke-width:1.5625;fill:none;" width="139.5833" x="623.9583" y="624.7986"/><path d="M712.5,624.7986 L712.5,643.1152 L702.0833,653.5319 L623.9583,653.5319 " fill="none" style="stroke:#5BC0DE;stroke-width:1.5625;"/><text fill="#5BC0DE" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="632.2917" y="643.6157">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
|
|
entity HTTP--><ellipse cx="545.8333" cy="131.0486" fill="none" rx="8.3333" ry="8.3333" style="stroke:#D9534F;stroke-width:1.5625;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="529.6875" y="166.5324">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
|
|
entity First Component--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="160.4167" x="339.5833" y="102.4028"/><rect height="10.4167" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="15.625" x="479.1667" y="107.6111"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="477.0833" y="109.6944"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="477.0833" y="113.8611"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="360.4167" y="141.0116">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
|
|
entity Another Component--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="184.375" x="592.1875" y="102.4028"/><rect height="10.4167" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="15.625" x="755.7292" y="107.6111"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="753.6458" y="109.6944"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="753.6458" y="113.8611"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="613.0208" y="141.0116">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
|
|
entity MyRectangle1--><rect height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="180.7292" y="107.6111"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="196.3542" y="135.8032">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
|
|
entity MyCollection1--><rect height="42.275" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="116.6667" x="27.0833" y="111.7778"/><rect height="42.275" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="116.6667" x="22.9167" y="107.6111"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="36.4583" y="133.7199">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
|
|
entity FTP--><ellipse cx="347.9167" cy="315.4236" fill="none" rx="8.3333" ry="8.3333" style="stroke:#D9534F;stroke-width:1.5625;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="336.4583" y="350.9074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
|
|
entity Second Component--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="180.2083" x="394.2708" y="286.7778"/><rect height="10.4167" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="15.625" x="553.6458" y="291.9861"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="551.5625" y="294.0694"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="551.5625" y="298.2361"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="415.1042" y="325.3866">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
|
|
entity MyRectangle2--><rect height="46.4417" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="179.6875" y="291.9861"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="195.3125" y="320.1782">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
|
|
entity Example 1--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="119.7917" x="633.8542" y="286.7778"/><rect height="10.4167" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="15.625" x="732.8125" y="291.9861"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="730.7292" y="294.0694"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="730.7292" y="298.2361"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="654.6875" y="325.3866">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
|
|
entity Folder 3--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="105.2083" x="641.1458" y="516.4653"/><rect height="10.4167" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="15.625" x="725.5208" y="521.6736"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="723.4375" y="523.7569"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="723.4375" y="527.9236"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="661.9792" y="555.0741">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
|
|
entity Frame 4--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="105.2083" x="641.1458" y="669.5903"/><rect height="10.4167" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="15.625" x="725.5208" y="674.7986"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="723.4375" y="676.8819"/><rect height="2.0833" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="4.1667" x="723.4375" y="681.0486"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="661.9792" y="708.1991">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
|
|
entity MyCollection2--><rect height="42.275" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="116.6667" x="816.6667" y="111.7778"/><rect height="42.275" rx="4.1667" ry="4.1667" style="stroke:#E58748;stroke-width:1.5625;fill:none;" width="116.6667" x="812.5" y="107.6111"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="826.0417" y="133.7199">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
|
|
entity My Artifact--><rect height="49.5667" rx="4.1667" ry="4.1667" style="stroke:#717D89;stroke-width:1.5625;fill:none;" width="109.375" x="970.3125" y="106.0486"/><polygon points="1061.9792,111.2569,1061.9792,125.8403,1074.4792,125.8403,1074.4792,117.5069,1068.2292,111.2569,1061.9792,111.2569" style="stroke:#717D89;stroke-width:1.5625;fill:none;"/><line style="stroke:#717D89;stroke-width:1.5625;fill:none;" x1="1068.2292" x2="1068.2292" y1="111.2569" y2="117.5069"/><line style="stroke:#717D89;stroke-width:1.5625;fill:none;" x1="1074.4792" x2="1068.2292" y1="117.5069" y2="117.5069"/><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="985.9375" y="137.3657">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
|
|
entity My Storage--><rect height="46.4417" rx="36.4583" ry="36.4583" style="stroke:#F3BD71;stroke-width:1.5625;fill:none;" width="105.2083" x="1116.1458" y="107.6111"/><text fill="#F0AD4E" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1131.7708" y="135.8032">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
|
|
entity My Queue--><path d="M829.6875,297.1944 L916.1458,297.1944 C921.3542,297.1944 921.3542,315.2069 921.3542,315.2069 C921.3542,315.2069 921.3542,333.2194 916.1458,333.2194 L829.6875,333.2194 C824.4792,333.2194 824.4792,315.2069 824.4792,315.2069 C824.4792,315.2069 824.4792,297.1944 829.6875,297.1944 " style="stroke:#E58748;stroke-width:1.5625;fill:none;"/><path d="M916.1458,297.1944 C910.9375,297.1944 910.9375,315.2069 910.9375,315.2069 C910.9375,333.2194 916.1458,333.2194 916.1458,333.2194 " fill="none" style="stroke:#E58748;stroke-width:1.5625;"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="834.8958" y="320.1782">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
|
|
entity My Interface--><ellipse cx="1012.5" cy="315.4236" fill="none" rx="8.3333" ry="8.3333" style="stroke:#D9534F;stroke-width:1.5625;"/><text fill="#4E5D6C" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="971.875" y="350.9074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
|
|
entity My Card--><rect height="31.8583" rx="4.1667" ry="4.1667" style="stroke:#5BC0DE;stroke-width:1.5625;fill:none;" width="84.375" x="1103.6458" y="299.2778"/><text fill="#5BC0DE" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1119.2708" y="320.1782">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
|
|
entity My File--><path d="M835.4167,525.8403 L835.4167,563.9486 A4.1667,4.1667 0 0 0 839.5833,568.1152 L906.25,568.1152 A4.1667,4.1667 0 0 0 910.4167,563.9486 L910.4167,532.0903 L900,521.6736 L839.5833,521.6736 A4.1667,4.1667 0 0 0 835.4167,525.8403 " style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;"/><path d="M900,521.6736 L900,527.9236 A4.1667,4.1667 0 0 0 904.1667,532.0903 L910.4167,532.0903 " style="stroke:#ABB6C2;stroke-width:1.5625;fill:none;"/><text fill="#ABB6C2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="851.0417" y="549.8657">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
|
|
entity My Stack--><rect height="46.4417" rx="4.1667" ry="4.1667" style="stroke:none;stroke-width:1.5625;fill:none;" width="88.5417" x="963.0208" y="521.6736"/><path d="M947.3958,521.6736 L958.8542,521.6736 A4.1667,4.1667 0 0 1 963.0208,525.8403 L963.0208,563.9486 A4.1667,4.1667 0 0 0 967.1875,568.1152 L1047.3958,568.1152 A4.1667,4.1667 0 0 0 1051.5625,563.9486 L1051.5625,525.8403 A4.1667,4.1667 0 0 1 1055.7292,521.6736 L1067.1875,521.6736 " fill="none" style="stroke:#E58748;stroke-width:1.5625;"/><text fill="#DF691A" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="978.6458" y="549.8657">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
|
|
link HTTP to First Component--><path d="M536.1771,131.0486 C524.1354,131.0486 512.0833,131.0486 500.0417,131.0486 " fill="none" id="HTTP-First Component" style="stroke:#DF691A;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
|
|
link FTP to Second Component--><path d="M357.5104,315.4236 C369.7396,315.4236 381.9583,315.4236 394.1875,315.4236 " fill="none" id="FTP-Second Component" style="stroke:#DF691A;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
|
|
link First Component to FTP--><path d="M406.1354,159.9861 C397.0625,179.0486 385.1771,204.9861 376.0417,228.4444 C366.3229,253.4132 357.0625,283.2986 351.9688,300.434 " fill="none" id="First Component-to-FTP" style="stroke:#DF691A;stroke-width:3.125;"/><polygon fill="#DF691A" points="350.4063,305.7361,357.0527,297.9209,351.8783,300.7401,349.0591,295.5657,350.4063,305.7361" style="stroke:#DF691A;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
|
|
link Another Component to Example 1--><path d="M685.8021,159.7778 C687.4792,192.3923 690.2604,246.5382 692.0521,281.3194 " fill="none" id="Another Component-to-Example 1" style="stroke:#DF691A;stroke-width:3.125;"/><polygon fill="#DF691A" points="692.3333,286.7361,696.0403,277.17,692.0807,281.5339,687.7168,277.5743,692.3333,286.7361" style="stroke:#DF691A;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="694.7917" y="211.8449">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
|
|
link Example 1 to Folder 3--><path d="M693.75,344.3715 C693.75,386.4653 693.75,466.0382 693.75,510.9861 " fill="none" id="Example 1-to-Folder 3" style="stroke:#DF691A;stroke-width:3.125;"/><polygon fill="#DF691A" points="693.75,516.2882,697.9167,506.9132,693.75,511.0798,689.5833,506.9132,693.75,516.2882" style="stroke:#DF691A;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
|
|
link Folder 3 to Frame 4--><path d="M693.75,573.8611 C693.75,599.2465 693.75,636.8819 693.75,663.9028 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#DF691A;stroke-width:3.125;"/><polygon fill="#DF691A" points="693.75,669.1528,697.9167,659.7778,693.75,663.9444,689.5833,659.7778,693.75,669.1528" style="stroke:#DF691A;stroke-width:3.125;"/><!--MD5=[83be288af14fde8a86007c2b011fac4a]
|
|
link MyCollection2 to My Artifact--><!--MD5=[b21a3c93c2a22c7ef4934ace81b9a2fe]
|
|
link My Artifact to My Storage--><!--MD5=[6ba35b42f782a962813221ea03178716]
|
|
link MyCollection2 to My Queue--><!--MD5=[0babb46f3d0f67f91c828a5eda35ab7d]
|
|
link My Queue to My Interface--><!--MD5=[9bfee3aea78949ae207e8bd3b67fed50]
|
|
link My Interface to My Card--><!--MD5=[afe9315598834b0b9f57a7a5b2c7ee2a]
|
|
link My Queue to My File--><!--MD5=[f6296be58d13482500ae3b999db2843f]
|
|
link My File to My Stack--><!--MD5=[8987944f75d9aaca7740dc139584db68]
|
|
@startuml
|
|
|
|
!$THEME = "superhero-outline"
|
|
|
|
!if %not(%variable_exists("$BGCOLOR"))
|
|
!$BGCOLOR = "transparent"
|
|
!endif
|
|
|
|
skinparam backgroundColor $BGCOLOR
|
|
skinparam useBetaStyle false
|
|
|
|
!$BLUE = "#DF691A"
|
|
!$INDIGO = "#6610f2"
|
|
!$PURPLE = "#6f42c1"
|
|
!$PINK = "#e83e8c"
|
|
!$RED = "#d9534f"
|
|
!$ORANGE = "#f0ad4e"
|
|
!$YELLOW = "#f0ad4e"
|
|
!$GREEN = "#5cb85c"
|
|
!$TEAL = "#20c997"
|
|
!$CYAN = "#5bc0de"
|
|
!$WHITE = "#FFF"
|
|
!$GRAY_LIGHT = "#222"
|
|
!$GRAY = "#868e96"
|
|
!$PRIMARY = "#DF691A"
|
|
!$SECONDARY = "#4E5D6C"
|
|
!$SUCCESS = "#5cb85c"
|
|
!$INFO = "#5bc0de"
|
|
!$WARNING = "#f0ad4e"
|
|
!$DANGER = "#d9534f"
|
|
!$LIGHT = "#abb6c2"
|
|
!$DARK = "#4E5D6C"
|
|
|
|
!$FGCOLOR = $WHITE
|
|
!$PRIMARY_DARK = "#e58748"
|
|
!$PRIMARY_LIGHT = "#b25415"
|
|
!$PRIMARY_TEXT = $PRIMARY
|
|
!$SECONDARY_DARK = "#717d89"
|
|
!$SECONDARY_LIGHT = "#3e4a56"
|
|
!$SECONDARY_TEXT = $SECONDARY_DARK
|
|
!$INFO_DARK = "#7ccde5"
|
|
!$INFO_LIGHT = "#499AB2"
|
|
!$INFO_TEXT = $INFO
|
|
!$SUCCESS_DARK = "#4a934a"
|
|
!$SUCCESS_LIGHT = "#5F8F00"
|
|
!$SUCCESS_TEXT = $SUCCESS
|
|
!$WARNING_DARK = "#f3bd71"
|
|
!$WARNING_LIGHT = "#C08A3E"
|
|
!$WARNING_TEXT = $WARNING
|
|
!$DANGER_DARK = "#e17572"
|
|
!$DANGER_LIGHT = "#AE423F"
|
|
!$DANGER_TEXT = $WHITE
|
|
!$DARK_DARK = "#717d89"
|
|
!$DARK_LIGHT = "#3e4a56"
|
|
!$LIGHT_DARK = "#bcc5ce"
|
|
!$LIGHT_LIGHT = "#89929b"
|
|
|
|
!procedure $success($msg)
|
|
<font color=$SUCCESS><b>$msg
|
|
!endprocedure
|
|
|
|
!procedure $failure($msg)
|
|
<font color=$DANGER><b>$msg
|
|
!endprocedure
|
|
|
|
!procedure $warning($msg)
|
|
<font color=$WARNING><b>$msg
|
|
!endprocedure
|
|
|
|
!procedure $primary_scheme()
|
|
FontColor $PRIMARY_TEXT
|
|
BorderColor $PRIMARY_DARK
|
|
BackgroundColor $BGCOLOR
|
|
!endprocedure
|
|
|
|
skinparam defaultFontName "Verdana"
|
|
skinparam defaultFontSize 12
|
|
skinparam dpi 100
|
|
skinparam shadowing false
|
|
skinparam roundcorner 8
|
|
skinparam ParticipantPadding 40
|
|
skinparam BoxPadding 40
|
|
skinparam Padding 5
|
|
skinparam TitleFontColor $DARK
|
|
skinparam TitleFontSize 20
|
|
skinparam TitleBorderThickness 0
|
|
skinparam ArrowColor $DARK
|
|
skinparam stereotype {
|
|
CBackgroundColor $SECONDARY_DARK
|
|
CBorderColor $SECONDARY_LIGHT
|
|
ABackgroundColor $SUCCESS_LIGHT
|
|
ABorderColor $SUCCESS_DARK
|
|
IBackgroundColor $DANGER_LIGHT
|
|
IBorderColor $DANGER_DARK
|
|
EBackgroundColor $WARNING_LIGHT
|
|
EBorderColor $WARNING_DARK
|
|
NBackgroundColor $INFO_LIGHT
|
|
NBorderColor $INFO_DARK
|
|
}
|
|
skinparam title {
|
|
FontColor $PRIMARY
|
|
BorderColor $SECONDARY_DARK
|
|
FontSize 20
|
|
BorderRoundCorner 8
|
|
BorderThickness 1
|
|
BackgroundColor $BGCOLOR
|
|
}
|
|
|
|
|
|
skinparam legend {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $SECONDARY_DARK
|
|
FontColor $LIGHT
|
|
}
|
|
|
|
!startsub swimlane
|
|
skinparam swimlane {
|
|
BorderColor $INFO
|
|
BorderThickness 2
|
|
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
|
|
TitleFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub activity
|
|
|
|
skinparam activity {
|
|
$primary_scheme()
|
|
BarColor $SUCCESS
|
|
StartColor $INFO
|
|
EndColor $INFO
|
|
DiamondBackgroundColor $BGCOLOR
|
|
DiamondBorderColor $SECONDARY_DARK
|
|
DiamondFontColor $SECONDARY_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub participant
|
|
|
|
skinparam participant {
|
|
$primary_scheme()
|
|
ParticipantBorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub actor
|
|
|
|
skinparam actor {
|
|
$primary_scheme()
|
|
FontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub arrow
|
|
|
|
skinparam arrow {
|
|
Thickness 3
|
|
Color $PRIMARY
|
|
FontColor $FGCOLOR
|
|
}
|
|
!endsub
|
|
|
|
!startsub sequence
|
|
|
|
skinparam sequence {
|
|
BorderColor $PRIMARY
|
|
TitleFontColor $PRIMARY
|
|
BackgroundColor $BGCOLOR
|
|
StartColor $PRIMARY
|
|
EndColor $PRIMARY
|
|
BoxBackgroundColor $BGCOLOR
|
|
BoxBorderColor $DARK
|
|
BoxFontColor $DARk
|
|
LifeLineBorderColor $SECONDARY
|
|
LifeLineBorderThickness 2
|
|
LifeLineBackgroundColor $BGCOLOR
|
|
GroupBorderColor $DARK
|
|
GroupFontColor $DARK
|
|
GroupHeaderFontColor $INFO
|
|
GroupBackgroundColor $BGCOLOR
|
|
GroupBodyBackgroundColor $BGCOLOR
|
|
GroupHeaderBackgroundColor $BGCOLOR
|
|
DividerBackgroundColor $BGCOLOR
|
|
DividerBorderColor $DARK
|
|
DividerBorderThickness 2
|
|
DividerFontColor $LIGHT
|
|
ReferenceBackgroundColor $BGCOLOR
|
|
ReferenceBorderColor $LIGHT
|
|
ReferenceFontColor $LIGHT
|
|
ReferenceHeaderFontColor $INFO
|
|
ReferenceHeaderBackgroundColor $BGCOLOR
|
|
}
|
|
!endsub
|
|
|
|
!startsub partition
|
|
|
|
skinparam partition {
|
|
BorderColor $PRIMARY
|
|
FontColor $PRIMARY
|
|
BackgroundColor $BGCOLOR
|
|
}
|
|
!endsub
|
|
|
|
!startsub collections
|
|
|
|
skinparam collections {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub control
|
|
|
|
skinparam control {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub entity
|
|
|
|
skinparam entity {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub boundary
|
|
|
|
skinparam boundary {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub agent
|
|
|
|
skinparam agent {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $WARNING_LIGHT
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub note
|
|
|
|
skinparam note {
|
|
BorderThickness 1
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $INFO_DARK
|
|
FontColor $INFO_DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub artifact
|
|
|
|
skinparam artifact {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $DARK_DARK
|
|
FontColor $LIGHT
|
|
}
|
|
!endsub
|
|
|
|
!startsub component
|
|
|
|
skinparam component {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub interface
|
|
|
|
skinparam interface {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $DANGER
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub storage
|
|
|
|
skinparam storage {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $WARNING_DARK
|
|
FontColor $WARNING_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub node
|
|
|
|
skinparam node {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $LIGHT
|
|
FontColor $LIGHT
|
|
}
|
|
!endsub
|
|
|
|
!startsub cloud
|
|
|
|
skinparam cloud {
|
|
BackgroundColor transparent
|
|
BorderColor #F2FCFE
|
|
FontColor $DARK
|
|
}
|
|
!endsub
|
|
|
|
!startsub database
|
|
|
|
skinparam database {
|
|
$primary_scheme()
|
|
FontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub class
|
|
|
|
skinparam class {
|
|
$primary_scheme()
|
|
FontColor $LIGHT
|
|
HeaderBackgroundColor $PRIMARY_LIGHT
|
|
StereotypeFontColor $DARK
|
|
BorderThickness 1
|
|
AttributeFontColor $DARK
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub object
|
|
|
|
skinparam object {
|
|
$primary_scheme()
|
|
StereotypeFontColor $DARK
|
|
BorderThickness 1
|
|
AttributeFontColor $SECONDARY_DARK
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub usecase
|
|
|
|
skinparam usecase {
|
|
$primary_scheme()
|
|
BorderThickness 2
|
|
StereotypeFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub rectangle
|
|
|
|
skinparam rectangle {
|
|
$primary_scheme()
|
|
BorderThickness 2
|
|
StereotypeFontColor $PRIMARY
|
|
}
|
|
!endsub
|
|
|
|
!startsub package
|
|
|
|
skinparam package {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $PRIMARY
|
|
FontColor $PRIMARY
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub folder
|
|
|
|
skinparam folder {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $WARNING
|
|
FontColor $WARNING
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub frame
|
|
|
|
skinparam frame {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $INFO
|
|
FontColor $INFO
|
|
BorderThickness 2
|
|
}
|
|
!endsub
|
|
|
|
!startsub state
|
|
|
|
skinparam state {
|
|
$primary_scheme()
|
|
StartColor $INFO
|
|
EndColor $INFO
|
|
AttributeFontColor $SECONDARY_TEXT
|
|
AttributeFontSize 11
|
|
}
|
|
!endsub
|
|
|
|
!startsub queue
|
|
|
|
skinparam queue {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!startsub card
|
|
|
|
skinparam card {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $INFO
|
|
FontColor $INFO_TEXT
|
|
}
|
|
!endsub
|
|
|
|
!startsub file
|
|
|
|
skinparam file {
|
|
BackgroundColor $BGCOLOR
|
|
BorderColor $LIGHT
|
|
FontColor $LIGHT
|
|
}
|
|
!endsub
|
|
|
|
!startsub stack
|
|
|
|
skinparam stack {
|
|
$primary_scheme()
|
|
}
|
|
!endsub
|
|
|
|
!if %variable_exists("$THEME")
|
|
title Component Diagram - $THEME theme
|
|
!else
|
|
title Component Diagram
|
|
!endif
|
|
|
|
'skinparam BackgroundColor transparent
|
|
|
|
package "My Package" {
|
|
HTTP - [First Component]
|
|
[Another Component]
|
|
rectangle MyRectangle1
|
|
collections MyCollection1
|
|
}
|
|
|
|
node "My Node" {
|
|
FTP - [Second Component]
|
|
[First Component] - -> FTP
|
|
rectangle MyRectangle2
|
|
}
|
|
|
|
cloud "My Cloud" {
|
|
[Example 1]
|
|
}
|
|
|
|
collections MyCollection2
|
|
|
|
database "My Database" {
|
|
folder "My folder" {
|
|
[Folder 3]
|
|
}
|
|
frame "My Frame" {
|
|
[Frame 4]
|
|
}
|
|
}
|
|
|
|
artifact "My Artifact"
|
|
storage "My Storage"
|
|
queue "My Queue"
|
|
interface "My Interface"
|
|
card "My Card"
|
|
file "My File"
|
|
stack "My Stack"
|
|
|
|
[Another Component] - -> [Example 1]: some message
|
|
[Example 1] - -> [Folder 3]
|
|
[Folder 3] - -> [Frame 4]
|
|
|
|
@enduml
|
|
|
|
@startuml
|
|
|
|
|
|
|
|
skinparam backgroundColor transparent
|
|
skinparam useBetaStyle false
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
skinparam defaultFontName "Verdana"
|
|
skinparam defaultFontSize 12
|
|
skinparam dpi 100
|
|
skinparam shadowing false
|
|
skinparam roundcorner 8
|
|
skinparam ParticipantPadding 40
|
|
skinparam BoxPadding 40
|
|
skinparam Padding 5
|
|
skinparam TitleFontColor #4E5D6C
|
|
skinparam TitleFontSize 20
|
|
skinparam TitleBorderThickness 0
|
|
skinparam ArrowColor #4E5D6C
|
|
skinparam stereotype {
|
|
CBackgroundColor #717d89
|
|
CBorderColor #3e4a56
|
|
ABackgroundColor #5F8F00
|
|
ABorderColor #4a934a
|
|
IBackgroundColor #AE423F
|
|
IBorderColor #e17572
|
|
EBackgroundColor #C08A3E
|
|
EBorderColor #f3bd71
|
|
NBackgroundColor #499AB2
|
|
NBorderColor #7ccde5
|
|
}
|
|
skinparam title {
|
|
FontColor #DF691A
|
|
BorderColor #717d89
|
|
FontSize 20
|
|
BorderRoundCorner 8
|
|
BorderThickness 1
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam legend {
|
|
BackgroundColor transparent
|
|
BorderColor #717d89
|
|
FontColor #abb6c2
|
|
}
|
|
|
|
skinparam swimlane {
|
|
BorderColor #5bc0de
|
|
BorderThickness 2
|
|
TitleBackgroundColor #3e4a56-#4E5D6C
|
|
TitleFontColor #DF691A
|
|
}
|
|
|
|
|
|
skinparam activity {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
BarColor #5cb85c
|
|
StartColor #5bc0de
|
|
EndColor #5bc0de
|
|
DiamondBackgroundColor transparent
|
|
DiamondBorderColor #717d89
|
|
DiamondFontColor #717d89
|
|
}
|
|
|
|
|
|
skinparam participant {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
ParticipantBorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam actor {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
FontColor #DF691A
|
|
}
|
|
|
|
|
|
skinparam arrow {
|
|
Thickness 3
|
|
Color #DF691A
|
|
FontColor #FFF
|
|
}
|
|
|
|
|
|
skinparam sequence {
|
|
BorderColor #DF691A
|
|
TitleFontColor #DF691A
|
|
BackgroundColor transparent
|
|
StartColor #DF691A
|
|
EndColor #DF691A
|
|
BoxBackgroundColor transparent
|
|
BoxBorderColor #4E5D6C
|
|
BoxFontColor $DARk
|
|
LifeLineBorderColor #4E5D6C
|
|
LifeLineBorderThickness 2
|
|
LifeLineBackgroundColor transparent
|
|
GroupBorderColor #4E5D6C
|
|
GroupFontColor #4E5D6C
|
|
GroupHeaderFontColor #5bc0de
|
|
GroupBackgroundColor transparent
|
|
GroupBodyBackgroundColor transparent
|
|
GroupHeaderBackgroundColor transparent
|
|
DividerBackgroundColor transparent
|
|
DividerBorderColor #4E5D6C
|
|
DividerBorderThickness 2
|
|
DividerFontColor #abb6c2
|
|
ReferenceBackgroundColor transparent
|
|
ReferenceBorderColor #abb6c2
|
|
ReferenceFontColor #abb6c2
|
|
ReferenceHeaderFontColor #5bc0de
|
|
ReferenceHeaderBackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam partition {
|
|
BorderColor #DF691A
|
|
FontColor #DF691A
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam collections {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam control {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam entity {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam boundary {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam agent {
|
|
BackgroundColor transparent
|
|
BorderColor #C08A3E
|
|
FontColor #4E5D6C
|
|
}
|
|
|
|
|
|
skinparam note {
|
|
BorderThickness 1
|
|
BackgroundColor transparent
|
|
BorderColor #7ccde5
|
|
FontColor #7ccde5
|
|
}
|
|
|
|
|
|
skinparam artifact {
|
|
BackgroundColor transparent
|
|
BorderColor #717d89
|
|
FontColor #abb6c2
|
|
}
|
|
|
|
|
|
skinparam component {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam interface {
|
|
BackgroundColor transparent
|
|
BorderColor #d9534f
|
|
FontColor #4E5D6C
|
|
}
|
|
|
|
|
|
skinparam storage {
|
|
BackgroundColor transparent
|
|
BorderColor #f3bd71
|
|
FontColor #f0ad4e
|
|
}
|
|
|
|
|
|
skinparam node {
|
|
BackgroundColor transparent
|
|
BorderColor #abb6c2
|
|
FontColor #abb6c2
|
|
}
|
|
|
|
|
|
skinparam cloud {
|
|
BackgroundColor transparent
|
|
BorderColor #F2FCFE
|
|
FontColor #4E5D6C
|
|
}
|
|
|
|
|
|
skinparam database {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
FontColor #DF691A
|
|
}
|
|
|
|
|
|
skinparam class {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
FontColor #abb6c2
|
|
HeaderBackgroundColor #b25415
|
|
StereotypeFontColor #4E5D6C
|
|
BorderThickness 1
|
|
AttributeFontColor #4E5D6C
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam object {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
StereotypeFontColor #4E5D6C
|
|
BorderThickness 1
|
|
AttributeFontColor #717d89
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam usecase {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
BorderThickness 2
|
|
StereotypeFontColor #DF691A
|
|
}
|
|
|
|
|
|
skinparam rectangle {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
BorderThickness 2
|
|
StereotypeFontColor #DF691A
|
|
}
|
|
|
|
|
|
skinparam package {
|
|
BackgroundColor transparent
|
|
BorderColor #DF691A
|
|
FontColor #DF691A
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam folder {
|
|
BackgroundColor transparent
|
|
BorderColor #f0ad4e
|
|
FontColor #f0ad4e
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam frame {
|
|
BackgroundColor transparent
|
|
BorderColor #5bc0de
|
|
FontColor #5bc0de
|
|
BorderThickness 2
|
|
}
|
|
|
|
|
|
skinparam state {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
StartColor #5bc0de
|
|
EndColor #5bc0de
|
|
AttributeFontColor #717d89
|
|
AttributeFontSize 11
|
|
}
|
|
|
|
|
|
skinparam queue {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
|
|
skinparam card {
|
|
BackgroundColor transparent
|
|
BorderColor #5bc0de
|
|
FontColor #5bc0de
|
|
}
|
|
|
|
|
|
skinparam file {
|
|
BackgroundColor transparent
|
|
BorderColor #abb6c2
|
|
FontColor #abb6c2
|
|
}
|
|
|
|
|
|
skinparam stack {
|
|
FontColor #DF691A
|
|
BorderColor #e58748
|
|
BackgroundColor transparent
|
|
}
|
|
|
|
title Component Diagram - superhero-outline theme
|
|
|
|
|
|
package "My Package" {
|
|
HTTP - [First Component]
|
|
[Another Component]
|
|
rectangle MyRectangle1
|
|
collections MyCollection1
|
|
}
|
|
|
|
node "My Node" {
|
|
FTP - [Second Component]
|
|
[First Component] - -> FTP
|
|
rectangle MyRectangle2
|
|
}
|
|
|
|
cloud "My Cloud" {
|
|
[Example 1]
|
|
}
|
|
|
|
collections MyCollection2
|
|
|
|
database "My Database" {
|
|
folder "My folder" {
|
|
[Folder 3]
|
|
}
|
|
frame "My Frame" {
|
|
[Frame 4]
|
|
}
|
|
}
|
|
|
|
artifact "My Artifact"
|
|
storage "My Storage"
|
|
queue "My Queue"
|
|
interface "My Interface"
|
|
card "My Card"
|
|
file "My File"
|
|
stack "My Stack"
|
|
|
|
[Another Component] - -> [Example 1]: some message
|
|
[Example 1] - -> [Folder 3]
|
|
[Folder 3] - -> [Frame 4]
|
|
|
|
@enduml
|
|
|
|
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
|
|
(GPL source distribution)
|
|
Java Runtime: OpenJDK Runtime Environment
|
|
JVM: OpenJDK 64-Bit Server VM
|
|
Default Encoding: UTF-8
|
|
Language: en
|
|
Country: US
|
|
--></g></svg> |