demo_doc/puml/aws-orange/component-ex.svg
2021-06-25 21:37:59 +08:00

882 lines
36 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><linearGradient id="gso8ysux5rcpv0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#EEEEEE"/></linearGradient><linearGradient id="gso8ysux5rcpv1" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F08E41"/><stop offset="100%" stop-color="#EC7211"/></linearGradient></defs><g><rect fill="url(#gso8ysux5rcpv0)" height="46.1528" rx="4.1667" ry="4.1667" style="stroke:#EEEEEE;stroke-width:1.0416666666666667;" width="242.7083" x="485.1563" y="2.0833"/><text fill="#EC7211" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="215.625" x="498.6979" y="33.4452">Component Diagram</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:#4E5D6C;stroke-width:2.0833333333333335;fill:none;"/><line style="stroke:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" x1="6.25" x2="112.5" y1="89.4694" y2="89.4694"/><text fill="#4E5D6C" 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:#4E5D6C;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 " fill="url(#gso8ysux5rcpv1)" style="stroke:#EC7211;stroke-width:1.5625;"/><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:#EC7211;stroke-width:1.5625;"/><text fill="#4E5D6C" 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 " fill="#EEEEEE" style="stroke:#EC7211;stroke-width:1.5625;"/><line style="stroke:#EC7211;stroke-width:1.5625;" x1="623.9583" x2="712.5" y1="503.5319" y2="503.5319"/><text fill="#EC7211" 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 fill="#EEEEEE" height="118.75" rx="4.1667" ry="4.1667" style="stroke:#0073BB;stroke-width:1.5625;" 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:#0073BB;stroke-width:1.5625;"/><text fill="#0073BB" 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="#A7280E" rx="8.3333" ry="8.3333" style="stroke:#D13212;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 fill="url(#gso8ysux5rcpv1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="160.4167" x="339.5833" y="102.4028"/><rect fill="url(#gso8ysux5rcpv1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="479.1667" y="107.6111"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="477.0833" y="109.6944"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="477.0833" y="113.8611"/><text fill="#FFFFFF" 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 fill="url(#gso8ysux5rcpv1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="184.375" x="592.1875" y="102.4028"/><rect fill="url(#gso8ysux5rcpv1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="755.7292" y="107.6111"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="753.6458" y="109.6944"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="753.6458" y="113.8611"/><text fill="#FFFFFF" 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:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="180.7292" y="107.6111"/><text fill="#4E5D6C" 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 fill="url(#gso8ysux5rcpv1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="27.0833" y="111.7778"/><rect fill="url(#gso8ysux5rcpv1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="22.9167" y="107.6111"/><text fill="#4E5D6C" 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="#A7280E" rx="8.3333" ry="8.3333" style="stroke:#D13212;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 fill="url(#gso8ysux5rcpv1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="180.2083" x="394.2708" y="286.7778"/><rect fill="url(#gso8ysux5rcpv1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="553.6458" y="291.9861"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="551.5625" y="294.0694"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="551.5625" y="298.2361"/><text fill="#FFFFFF" 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:#4E5D6C;stroke-width:2.0833333333333335;fill:none;" width="121.875" x="179.6875" y="291.9861"/><text fill="#4E5D6C" 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 fill="url(#gso8ysux5rcpv1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="119.7917" x="633.8542" y="286.7778"/><rect fill="url(#gso8ysux5rcpv1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="732.8125" y="291.9861"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="730.7292" y="294.0694"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="730.7292" y="298.2361"/><text fill="#FFFFFF" 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 fill="url(#gso8ysux5rcpv1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="105.2083" x="641.1458" y="516.4653"/><rect fill="url(#gso8ysux5rcpv1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="725.5208" y="521.6736"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="523.7569"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="527.9236"/><text fill="#FFFFFF" 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 fill="url(#gso8ysux5rcpv1)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="105.2083" x="641.1458" y="669.5903"/><rect fill="url(#gso8ysux5rcpv1)" height="10.4167" style="stroke:#EC7211;stroke-width:1.5625;" width="15.625" x="725.5208" y="674.7986"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="676.8819"/><rect fill="url(#gso8ysux5rcpv1)" height="2.0833" style="stroke:#EC7211;stroke-width:1.5625;" width="4.1667" x="723.4375" y="681.0486"/><text fill="#FFFFFF" 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 fill="url(#gso8ysux5rcpv1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="816.6667" y="111.7778"/><rect fill="url(#gso8ysux5rcpv1)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#EC7211;stroke-width:1.5625;" width="116.6667" x="812.5" y="107.6111"/><text fill="#4E5D6C" 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 fill="#4E5D6C" height="49.5667" rx="4.1667" ry="4.1667" style="stroke:#717D89;stroke-width:1.5625;" width="109.375" x="970.3125" y="106.0486"/><polygon fill="#4E5D6C" 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;"/><line style="stroke:#717D89;stroke-width:1.5625;" x1="1068.2292" x2="1068.2292" y1="111.2569" y2="117.5069"/><line style="stroke:#717D89;stroke-width:1.5625;" 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 fill="#EC7211" height="46.4417" rx="36.4583" ry="36.4583" style="stroke:#BD5B0E;stroke-width:1.5625;" width="105.2083" x="1116.1458" y="107.6111"/><text fill="#FFFFFF" 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 " fill="url(#gso8ysux5rcpv1)" style="stroke:#EC7211;stroke-width:1.5625;"/><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:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" 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="#A7280E" rx="8.3333" ry="8.3333" style="stroke:#D13212;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 fill="#0073BB" height="31.8583" rx="4.1667" ry="4.1667" style="stroke:#005C96;stroke-width:1.5625;" width="84.375" x="1103.6458" y="299.2778"/><text fill="#FFFFFF" 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 " fill="#EEEEEE" style="stroke:#ABB6C2;stroke-width:1.5625;"/><path d="M900,521.6736 L900,527.9236 A4.1667,4.1667 0 0 0 904.1667,532.0903 L910.4167,532.0903 " fill="#EEEEEE" style="stroke:#ABB6C2;stroke-width:1.5625;"/><text fill="#4E5D6C" 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 fill="url(#gso8ysux5rcpv1)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:none;stroke-width:1.5625;" 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:#EC7211;stroke-width:1.5625;"/><text fill="#FFFFFF" 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:#EC7211;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:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="350.4063,305.7361,357.0527,297.9209,351.8783,300.7401,349.0591,295.5657,350.4063,305.7361" style="stroke:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="692.3333,286.7361,696.0403,277.17,692.0807,281.5339,687.7168,277.5743,692.3333,286.7361" style="stroke:#EC7211;stroke-width:3.125;"/><text fill="#4E5D6C" 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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="693.75,516.2882,697.9167,506.9132,693.75,511.0798,689.5833,506.9132,693.75,516.2882" style="stroke:#EC7211;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:#EC7211;stroke-width:3.125;"/><polygon fill="#EC7211" points="693.75,669.1528,697.9167,659.7778,693.75,663.9444,689.5833,659.7778,693.75,669.1528" style="stroke:#EC7211;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=[9a4ce06cbd246d7fbd90e19c10854efd]
@startuml
!$PUML_THEME = "aws-orange"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
!if %not(%variable_exists("$PUML_MODE"))
!$PUML_MODE = "light"
!endif
!if %not(%variable_exists("$PUML_OUTLINE"))
!$PUML_OUTLINE = "false"
!endif
skinparam BackgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#FFF"
!$GRAY_LIGHT = "#222"
!$GRAY = "#868e96"
!$PRIMARY = "#EC7211"
!$WARNING = "#EC7211"
!$LIGHT = "#abb6c2"
!$DARK = "#4E5D6C"
!if ($PUML_MODE == "light")
!$SECONDARY = "#eeeeee"
!$SECONDARY_DARK = "#bebebe"
!$SECONDARY_LIGHT = "#ffffff"
!$SUCCESS = "#1D8102"
!$SUCCESS_DARK = "#176702"
!$SUCCESS_LIGHT = "#4a9a35"
!$INFO = "#0073bb"
!$INFO_DARK = "#005c96"
!$INFO_LIGHT = "#338fc9"
!$DANGER = "#d13212"
!$DANGER_DARK = "#a7280e"
!$DANGER_LIGHT = "#da5b41"
!$SECONDARY_TEXT = $DARK
!$FGCOLOR = $DARK
!$DIAMOND_BD = $SECONDARY_DARK
!else
!$SECONDARY = "#2a2e33"
!$SECONDARY_DARK = "#222529"
!$SECONDARY_LIGHT = "#55585c"
!$SUCCESS = "#6aaf35"
!$SUCCESS_DARK = "#558c2a"
!$SUCCESS_LIGHT = "#88bf5d"
!$INFO = "#44b9d6"
!$INFO_DARK = "#3694ab"
!$INFO_LIGHT = "#69c7de"
!$DANGER = "#ff5d64"
!$DANGER_DARK = "#cc4a50"
!$DANGER_LIGHT = "#ff7d83"
!$SECONDARY_TEXT = $WHITE
!$FGCOLOR = $WHITE
!$DIAMOND_BD = $SECONDARY_LIGHT
!endif
!$PRIMARY_DARK = "#bd5b0e"
!$PRIMARY_LIGHT = "#f08e41"
!$INFO_TEXT = $WHITE
!$SUCCESS_TEXT = $WHITE
!$WARNING_DARK = "#bd5b0e"
!$WARNING_LIGHT = "#f08e41"
!$WARNING_TEXT = $WHITE
!$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()
!if ($PUML_OUTLINE == "true")
FontColor $PRIMARY
BorderColor $PRIMARY
BackgroundColor $BGCOLOR
!else
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endif
!endprocedure
!procedure $secondary_scheme()
!if ($PUML_OUTLINE == "true")
FontColor $SECONDARY_DARK
BorderColor $SECONDARY_DARK
BackgroundColor $BGCOLOR
!else
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_DARK
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
!endif
!endprocedure
!if ($PUML_OUTLINE == "true")
!$HEADER_TEXT = $PRIMARY_TEXT
!$PRIMARY_TEXT = $PRIMARY_LIGHT
!$INFO_TEXT = $INFO_LIGHT
!$WARNING_TEXT = $WARNING_LIGHT
!$DARK_BG = $BGCOLOR
!$INFO_BG = $BGCOLOR
!$DANGER_BG = $BGCOLOR
!$WARNING_BG = $BGCOLOR
!$SECONDARY_BG = $BGCOLOR
!else
!$DARK_BG = $DARK
!$INFO_BG = $INFO
!$DANGER_BG = $DANGER
!$WARNING_BG = $WARNING
!$SECONDARY_BG = $SECONDARY
!endif
!_POST = "<color #007a3e>POST</color>"
!_PUT = "<color #ea7400>PUT</color>"
!_DELETE = "<color #cf2a2a>DELETE</color>"
!_GET = "<color #009fdb>GET</color>"
!_PATCH = "<color #b5bd00>PATCH</color>"
!_HEAD = "<color #9012fe>HEAD</color>"
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 ArrowColor $DARK
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
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 {
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
FontColor $PRIMARY
BorderColor $SECONDARY
}
skinparam legend {
$secondary_scheme()
BackgroundColor transparent
}
!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 $SECONDARY_BG
DiamondBorderColor $DIAMOND_BD
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $FGCOLOR
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
ArrowThickness 3
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARK
LifeLineBorderColor $LIGHT
LifeLineBorderThickness 2
LifeLineBackgroundColor $LIGHT_DARK
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $SECONDARY
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $DARK
DividerBorderColor $DARK
DividerBorderThickness 2
DividerFontColor $LIGHT
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $DARK
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
ReferenceHeaderBackgroundColor $SECONDARY
StereotypeFontColor $DARK
}
!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()
FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_BG
BorderColor $INFO_DARK
FontColor $INFO_TEXT
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK_BG
BorderColor $DARK_DARK
FontColor $LIGHT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_DARK
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_BG
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 $DARK
FontColor $FGCOLOR
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
FontColor $FGCOLOR
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $HEADER_TEXT
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $PRIMARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $PRIMARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
BackgroundColor $BGCOLOR
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY_TEXT
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $BGCOLOR
BorderColor $SECONDARY_TEXT
FontColor $SECONDARY_TEXT
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $SECONDARY_BG
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $SECONDARY_BG
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 $INFO_BG
BorderColor $INFO_DARK
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_BG
BorderColor $LIGHT
FontColor $FGCOLOR
}
!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 ArrowColor #4E5D6C
skinparam stereotype {
CBackgroundColor #ffffff
CBorderColor #bebebe
ABackgroundColor #4a9a35
ABorderColor #176702
IBackgroundColor #da5b41
IBorderColor #a7280e
EBackgroundColor #f08e41
EBorderColor #bd5b0e
NBackgroundColor #338fc9
NBorderColor #005c96
}
skinparam title {
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #ffffff-#eeeeee
FontColor #EC7211
BorderColor #eeeeee
}
skinparam legend {
FontColor #4E5D6C
BorderColor #bebebe
BackgroundColor #ffffff-#eeeeee
BackgroundColor transparent
}
skinparam swimlane {
BorderColor #0073bb
BorderThickness 2
TitleBackgroundColor #ffffff-#eeeeee
TitleFontColor #EC7211
}
skinparam activity {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
BarColor #1D8102
StartColor #0073bb
EndColor #0073bb
DiamondBackgroundColor #eeeeee
DiamondBorderColor #bebebe
DiamondFontColor #4E5D6C
}
skinparam participant {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
ParticipantBorderThickness 2
}
skinparam actor {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
FontColor #4E5D6C
}
skinparam arrow {
Thickness 3
Color #EC7211
FontColor #4E5D6C
}
skinparam sequence {
ArrowThickness 3
BorderColor #EC7211
TitleFontColor #EC7211
BackgroundColor transparent
StartColor #EC7211
EndColor #EC7211
BoxBackgroundColor transparent
BoxBorderColor #4E5D6C
BoxFontColor #4E5D6C
LifeLineBorderColor #abb6c2
LifeLineBorderThickness 2
LifeLineBackgroundColor #bcc5ce
GroupBorderColor #4E5D6C
GroupFontColor #4E5D6C
GroupHeaderFontColor #0073bb
GroupBackgroundColor #eeeeee
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #4E5D6C
DividerBorderColor #4E5D6C
DividerBorderThickness 2
DividerFontColor #abb6c2
ReferenceBackgroundColor transparent
ReferenceBorderColor #4E5D6C
ReferenceFontColor #4E5D6C
ReferenceHeaderFontColor #0073bb
ReferenceHeaderBackgroundColor #eeeeee
StereotypeFontColor #4E5D6C
}
skinparam partition {
BorderColor #EC7211
FontColor #EC7211
BackgroundColor transparent
}
skinparam collections {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam control {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
FontColor #4E5D6C
}
skinparam entity {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
FontColor #4E5D6C
}
skinparam boundary {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
FontColor #4E5D6C
}
skinparam agent {
BackgroundColor #EC7211
BorderColor #f08e41
FontColor #4E5D6C
}
skinparam note {
BorderThickness 1
BackgroundColor #0073bb
BorderColor #005c96
FontColor #FFF
}
skinparam artifact {
BackgroundColor #4E5D6C
BorderColor #717d89
FontColor #abb6c2
}
skinparam component {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam interface {
BackgroundColor #a7280e
BorderColor #d13212
FontColor #4E5D6C
}
skinparam storage {
BackgroundColor #EC7211
BorderColor #bd5b0e
FontColor #FFF
}
skinparam node {
BackgroundColor transparent
BorderColor #abb6c2
FontColor #abb6c2
}
skinparam cloud {
BackgroundColor transparent
BorderColor #4E5D6C
FontColor #4E5D6C
}
skinparam database {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
FontColor #4E5D6C
}
skinparam class {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
FontColor $HEADER_TEXT
HeaderBackgroundColor #f08e41-#EC7211
StereotypeFontColor #4E5D6C
BorderThickness 1
AttributeFontColor $PRIMARY_TEXT
AttributeFontSize 11
}
skinparam object {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
StereotypeFontColor #4E5D6C
BorderThickness 1
AttributeFontColor $PRIMARY_TEXT
AttributeFontSize 11
}
skinparam usecase {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
BorderThickness 2
StereotypeFontColor #EC7211
}
skinparam rectangle {
BackgroundColor transparent
FontColor #4E5D6C
BorderColor #4E5D6C
BorderThickness 2
StereotypeFontColor #EC7211
}
skinparam package {
BackgroundColor transparent
BorderColor #4E5D6C
FontColor #4E5D6C
BorderThickness 2
}
skinparam folder {
BackgroundColor #eeeeee
BorderColor #EC7211
FontColor #EC7211
BorderThickness 2
}
skinparam frame {
BackgroundColor #eeeeee
BorderColor #0073bb
FontColor #0073bb
BorderThickness 2
}
skinparam state {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
StartColor #0073bb
EndColor #0073bb
AttributeFontColor #4E5D6C
AttributeFontSize 11
}
skinparam queue {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
skinparam card {
BackgroundColor #0073bb
BorderColor #005c96
FontColor #FFF
}
skinparam file {
BackgroundColor #eeeeee
BorderColor #abb6c2
FontColor #4E5D6C
}
skinparam stack {
FontColor $PRIMARY_TEXT
BorderColor #EC7211
BackgroundColor #f08e41-#EC7211
}
title Component Diagram
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>