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

905 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="846.875px" preserveAspectRatio="none" style="width:1271px;height:846px;background:#00000000;" version="1.1" viewBox="0 0 1271 846" width="1271.875px" zoomAndPan="magnify"><defs><linearGradient id="g1wnfs2zgioyv10" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#CDCDCD"/><stop offset="100%" stop-color="#9A9A9A"/></linearGradient><linearGradient id="g1wnfs2zgioyv11" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#EAE9E8"/><stop offset="100%" stop-color="#E5E4E2"/></linearGradient><linearGradient id="g1wnfs2zgioyv12" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#E5E4E2"/><stop offset="100%" stop-color="#B7B6B5"/></linearGradient><linearGradient id="g1wnfs2zgioyv13" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FDFDFD"/><stop offset="100%" stop-color="#F2F2F2"/></linearGradient><linearGradient id="g1wnfs2zgioyv14" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFDF33"/><stop offset="100%" stop-color="#CCAC00"/></linearGradient><linearGradient id="g1wnfs2zgioyv15" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#5C85AD"/><stop offset="100%" stop-color="#29527A"/></linearGradient></defs><g><rect fill="url(#g1wnfs2zgioyv10)" height="52.4028" rx="4.1667" ry="4.1667" style="stroke:#9A9A9A;stroke-width:1.0416666666666667;" width="406.25" x="425.7813" y="2.0833"/><text fill="#FDFDFD" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="372.9167" x="442.4479" y="36.5702">Component Diagram - metal theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M14.0625,63.8611 L103.6458,63.8611 A11.7188,11.7188 0 0 1 111.4583,71.6736 L118.75,101.9694 L810.9375,101.9694 A7.8125,7.8125 0 0 1 818.75,109.7819 L818.75,187.2986 A7.8125,7.8125 0 0 1 810.9375,195.1111 L14.0625,195.1111 A7.8125,7.8125 0 0 1 6.25,187.2986 L6.25,71.6736 A7.8125,7.8125 0 0 1 14.0625,63.8611 " fill="url(#g1wnfs2zgioyv11)" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;"/><line style="stroke:#B7B6B5;stroke-width:2.0833333333333335;" x1="6.25" x2="118.75" y1="101.9694" y2="101.9694"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="18.75" y="86.8449">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
cluster My Node--><polygon fill="url(#g1wnfs2zgioyv11)" points="170.8333,272.1944,181.25,261.7778,612.5,261.7778,612.5,387.8194,602.0833,398.2361,170.8333,398.2361,170.8333,272.1944" style="stroke:#E5E4E2;stroke-width:1.5625;"/><line style="stroke:#E5E4E2;stroke-width:1.5625;" x1="602.0833" x2="612.5" y1="272.1944" y2="261.7778"/><line style="stroke:#E5E4E2;stroke-width:1.5625;" x1="170.8333" x2="602.0833" y1="272.1944" y2="272.1944"/><line style="stroke:#E5E4E2;stroke-width:1.5625;" x1="602.0833" x2="602.0833" y1="272.1944" y2="398.2361"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="357.8125" y="296.2199">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
cluster My Cloud--><path d="M653.9853,276.8628 C657.3512,269.3613 663.0699,270.3175 667.4914,275.7614 C670.4616,270.1864 676.5215,268.3387 680.4452,274.7292 C682.5373,268.4624 688.4806,267.1625 693.1985,271.601 C696.09,264.5631 700.7907,263.723 705.5669,269.8272 C709.6628,263.5723 714.9074,262.8476 719.4674,269.3204 C723.535,263.3396 729.4082,264.8315 731.6616,271.123 C736.2574,265.2712 741.2056,266.8715 743.7279,273.1804 C747.7059,266.149 752.6664,267.6577 756.7987,273.0177 C762.057,266.6264 766.4959,267.6066 769.726,274.9296 C779.0047,266.9708 788.2951,269.914 789.5833,282.6111 C790.0732,282.3037 790.3828,282.5592 790.4099,283.0755 C796.6327,286.1223 797.086,290.5861 792.2618,295.3056 C799.8399,298.7277 799.1328,305.7833 792.6285,309.5674 C799.192,311.2431 799.6545,316.0914 795.384,320.4982 C801.0291,323.9974 801.4595,330.1639 795.2373,333.5296 C800.4515,338.3483 800.054,342.3397 794.5881,346.6291 C800.5605,350.1796 799.356,355.9379 793.5948,358.5072 C798.5903,362.8005 798.1377,368.4191 792.296,371.6407 C797.5196,381.3253 793.3201,389.1213 782.2917,389.9028 C784.0331,389.6592 784.6983,390.2772 784.21,392.0374 C780.432,398.0326 775.2982,397.8403 771.449,392.115 C767.3606,397.2967 762.0497,397.4913 758.4202,391.5762 C753.4199,397.7154 748.9137,398.7082 743.7966,391.7061 C740.0849,397.3746 734.5982,398.5206 730.7065,391.8977 C728.3121,396.682 723.2011,398.4782 719.7973,392.9672 C715.8156,400.5415 709.787,400.7605 705.6377,393.1232 C701.1901,399.4906 696.3088,398.6064 693.2692,391.8011 C689.039,397.7225 682.8071,398.6062 679.3613,390.995 C675.8277,395.6314 670.8186,395.2993 667.834,390.3358 C658.1141,397.4399 649.0311,394.0827 645.8333,382.6111 C646.9016,382.38 647.5559,382.8015 647.3953,383.9764 C639.9274,380.0906 639.8294,375.7647 646.3082,370.734 C639.8702,365.9071 640.9362,361.8634 647.3665,358.1158 C640.9416,355.3412 641.4367,350.2625 646.4898,346.6131 C639.7098,343.3775 640.4795,339.1004 645.115,334.5625 C639.0532,329.0994 641.3139,325.3295 647.1909,321.8099 C640.067,317.5576 639.9243,312.9013 647.0307,308.4779 C640.5383,304.7683 640.6339,299.7445 646.4861,295.5162 C639.5694,285.6083 641.3102,279.0701 653.125,275.3194 C654.0977,275.4514 654.3594,275.9801 653.9853,276.8628 " style="stroke:#F2FCFE;stroke-width:1.5625;fill:none;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="686.4583" y="301.4282">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
cluster My Database--><path d="M620.8333,453.9653 C620.8333,443.5486 717.7083,443.5486 717.7083,443.5486 C717.7083,443.5486 814.5833,443.5486 814.5833,453.9653 L814.5833,830.0069 C814.5833,840.4236 717.7083,840.4236 717.7083,840.4236 C717.7083,840.4236 620.8333,840.4236 620.8333,830.0069 L620.8333,453.9653 " fill="url(#g1wnfs2zgioyv12)" style="stroke:#B7B6B5;stroke-width:1.5625;"/><path d="M620.8333,453.9653 C620.8333,464.3819 717.7083,464.3819 717.7083,464.3819 C717.7083,464.3819 814.5833,464.3819 814.5833,453.9653 " fill="none" style="stroke:#B7B6B5;stroke-width:1.5625;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="673.4375" y="487.3657">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
cluster My folder--><path d="M653.6458,518.5486 L725.5208,518.5486 A11.7188,11.7188 0 0 1 733.3333,526.3611 L740.625,556.6569 L781.7708,556.6569 A7.8125,7.8125 0 0 1 789.5833,564.4694 L789.5833,641.9861 A7.8125,7.8125 0 0 1 781.7708,649.7986 L653.6458,649.7986 A7.8125,7.8125 0 0 1 645.8333,641.9861 L645.8333,526.3611 A7.8125,7.8125 0 0 1 653.6458,518.5486 " fill="url(#g1wnfs2zgioyv11)" style="stroke:#B7410E;stroke-width:1.5625;"/><line style="stroke:#B7410E;stroke-width:1.5625;" x1="645.8333" x2="740.625" y1="556.6569" y2="556.6569"/><text fill="#B7410E" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="658.3333" y="541.5324">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
cluster My Frame--><rect fill="url(#g1wnfs2zgioyv11)" height="131.25" rx="7.8125" ry="7.8125" style="stroke:#4682B4;stroke-width:1.5625;" width="143.75" x="645.8333" y="684.1736"/><path d="M740.625,684.1736 L740.625,708.7402 L730.2083,719.1569 L645.8333,719.1569 " fill="none" style="stroke:#4682B4;stroke-width:1.5625;"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="657.2917" y="706.1157">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
entity HTTP--><ellipse cx="564.5833" cy="146.6736" fill="#C5673E" rx="8.3333" ry="8.3333" style="stroke:#B7410E;stroke-width:1.5625;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="548.4375" y="185.2824">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
entity First Component--><rect fill="url(#g1wnfs2zgioyv12)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="166.6667" x="352.0833" y="114.9028"/><rect fill="url(#g1wnfs2zgioyv12)" height="10.4167" style="stroke:#B7B6B5;stroke-width:1.5625;" width="15.625" x="497.9167" y="120.1111"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="495.8333" y="122.1944"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="495.8333" y="126.3611"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="376.0417" y="156.6366">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
entity Another Component--><rect fill="url(#g1wnfs2zgioyv12)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="190.625" x="610.9375" y="114.9028"/><rect fill="url(#g1wnfs2zgioyv12)" height="10.4167" style="stroke:#B7B6B5;stroke-width:1.5625;" width="15.625" x="780.7292" y="120.1111"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="778.6458" y="122.1944"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="778.6458" y="126.3611"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="634.8958" y="156.6366">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
entity MyRectangle1--><rect fill="url(#g1wnfs2zgioyv13)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;" width="128.125" x="186.9792" y="120.1111"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="205.7292" y="151.4282">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
entity MyCollection1--><rect fill="url(#g1wnfs2zgioyv12)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="122.9167" x="27.0833" y="124.2778"/><rect fill="url(#g1wnfs2zgioyv12)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="122.9167" x="22.9167" y="120.1111"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="39.5833" y="149.3449">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
entity FTP--><ellipse cx="362.5" cy="349.7986" fill="#C5673E" rx="8.3333" ry="8.3333" style="stroke:#B7410E;stroke-width:1.5625;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="351.0417" y="388.4074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
entity Second Component--><rect fill="url(#g1wnfs2zgioyv12)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="186.4583" x="408.8542" y="318.0278"/><rect fill="url(#g1wnfs2zgioyv12)" height="10.4167" style="stroke:#B7B6B5;stroke-width:1.5625;" width="15.625" x="574.4792" y="323.2361"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="572.3958" y="325.3194"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="572.3958" y="329.4861"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="432.8125" y="359.7616">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
entity MyRectangle2--><rect fill="url(#g1wnfs2zgioyv13)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:2.0833333333333335;" width="128.125" x="188.0208" y="323.2361"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="206.7708" y="354.5532">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
entity Example 1--><rect fill="url(#g1wnfs2zgioyv12)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="126.0417" x="654.6875" y="318.0278"/><rect fill="url(#g1wnfs2zgioyv12)" height="10.4167" style="stroke:#B7B6B5;stroke-width:1.5625;" width="15.625" x="759.8958" y="323.2361"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="757.8125" y="325.3194"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="757.8125" y="329.4861"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="678.6458" y="359.7616">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
entity Folder 3--><rect fill="url(#g1wnfs2zgioyv12)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="111.4583" x="661.9792" y="569.5903"/><rect fill="url(#g1wnfs2zgioyv12)" height="10.4167" style="stroke:#B7B6B5;stroke-width:1.5625;" width="15.625" x="752.6042" y="574.7986"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="750.5208" y="576.8819"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="750.5208" y="581.0486"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="685.9375" y="611.3241">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
entity Frame 4--><rect fill="url(#g1wnfs2zgioyv12)" height="63.1083" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="111.4583" x="661.9792" y="735.2153"/><rect fill="url(#g1wnfs2zgioyv12)" height="10.4167" style="stroke:#B7B6B5;stroke-width:1.5625;" width="15.625" x="752.6042" y="740.4236"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="750.5208" y="742.5069"/><rect fill="url(#g1wnfs2zgioyv12)" height="2.0833" style="stroke:#B7B6B5;stroke-width:1.5625;" width="4.1667" x="750.5208" y="746.6736"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="685.9375" y="776.9491">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
entity MyCollection2--><rect fill="url(#g1wnfs2zgioyv12)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="122.9167" x="842.7083" y="124.2778"/><rect fill="url(#g1wnfs2zgioyv12)" height="48.525" rx="7.8125" ry="7.8125" style="stroke:#B7B6B5;stroke-width:1.5625;" width="122.9167" x="838.5417" y="120.1111"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="855.2083" y="149.3449">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
entity My Artifact--><rect fill="url(#g1wnfs2zgioyv10)" height="55.8167" rx="7.8125" ry="7.8125" style="stroke:#9A9A9A;stroke-width:1.5625;" width="115.625" x="1002.6042" y="118.5486"/><polygon fill="url(#g1wnfs2zgioyv10)" points="1100.5208,123.7569,1100.5208,138.3403,1113.0208,138.3403,1113.0208,130.0069,1106.7708,123.7569,1100.5208,123.7569" style="stroke:#9A9A9A;stroke-width:1.5625;"/><line style="stroke:#9A9A9A;stroke-width:1.5625;" x1="1106.7708" x2="1106.7708" y1="123.7569" y2="130.0069"/><line style="stroke:#9A9A9A;stroke-width:1.5625;" x1="1113.0208" x2="1106.7708" y1="130.0069" y2="130.0069"/><text fill="#FDFDFD" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="1021.3542" y="152.9907">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
entity My Storage--><rect fill="url(#g1wnfs2zgioyv14)" height="52.6917" rx="36.4583" ry="36.4583" style="stroke:#CCAC00;stroke-width:1.5625;" width="111.4583" x="1154.6875" y="120.1111"/><text fill="#FDFDFD" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1173.4375" y="151.4282">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
entity My Queue--><path d="M855.7292,328.4444 L948.4375,328.4444 C953.6458,328.4444 953.6458,349.5819 953.6458,349.5819 C953.6458,349.5819 953.6458,370.7194 948.4375,370.7194 L855.7292,370.7194 C850.5208,370.7194 850.5208,349.5819 850.5208,349.5819 C850.5208,349.5819 850.5208,328.4444 855.7292,328.4444 " fill="url(#g1wnfs2zgioyv12)" style="stroke:#B7B6B5;stroke-width:1.5625;"/><path d="M948.4375,328.4444 C943.2292,328.4444 943.2292,349.5819 943.2292,349.5819 C943.2292,370.7194 948.4375,370.7194 948.4375,370.7194 " fill="none" style="stroke:#B7B6B5;stroke-width:1.5625;"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="864.0625" y="354.5532">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
entity My Interface--><ellipse cx="1047.9167" cy="349.7986" fill="#C5673E" rx="8.3333" ry="8.3333" style="stroke:#B7410E;stroke-width:1.5625;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="1007.2917" y="388.4074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
entity My Card--><rect fill="url(#g1wnfs2zgioyv15)" height="38.1083" rx="7.8125" ry="7.8125" style="stroke:#4682B4;stroke-width:1.5625;" width="90.625" x="1142.1875" y="330.5278"/><text fill="#FDFDFD" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1160.9375" y="354.5532">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
entity My File--><path d="M861.4583,582.6111 L861.4583,619.6777 A7.8125,7.8125 0 0 0 869.2708,627.4902 L934.8958,627.4902 A7.8125,7.8125 0 0 0 942.7083,619.6777 L942.7083,585.2153 L932.2917,574.7986 L869.2708,574.7986 A7.8125,7.8125 0 0 0 861.4583,582.6111 " fill="url(#g1wnfs2zgioyv10)" style="stroke:#737373;stroke-width:1.5625;"/><path d="M932.2917,574.7986 L932.2917,577.4028 A7.8125,7.8125 0 0 0 940.1042,585.2153 L942.7083,585.2153 " fill="url(#g1wnfs2zgioyv10)" style="stroke:#737373;stroke-width:1.5625;"/><text fill="#F2F2F2" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="880.2083" y="606.1157">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
entity My Stack--><rect fill="url(#g1wnfs2zgioyv12)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:none;stroke-width:1.5625;" width="94.7917" x="995.3125" y="574.7986"/><path d="M979.6875,574.7986 L987.5,574.7986 A7.8125,7.8125 0 0 1 995.3125,582.6111 L995.3125,619.6777 A7.8125,7.8125 0 0 0 1003.125,627.4902 L1082.2917,627.4902 A7.8125,7.8125 0 0 0 1090.1042,619.6777 L1090.1042,582.6111 A7.8125,7.8125 0 0 1 1097.9167,574.7986 L1105.7292,574.7986 " fill="none" style="stroke:#B7B6B5;stroke-width:1.5625;"/><text fill="#4682B4" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="1014.0625" y="606.1157">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
link HTTP to First Component--><path d="M555,146.6736 C543.0625,146.6736 531.1146,146.6736 519.1771,146.6736 " fill="none" id="HTTP-First Component" style="stroke:#E5E4E2;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
link FTP to Second Component--><path d="M372.0417,349.7986 C384.2292,349.7986 396.4271,349.7986 408.6146,349.7986 " fill="none" id="FTP-Second Component" style="stroke:#E5E4E2;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
link First Component to FTP--><path d="M421.1458,178.809 C411.8333,199.6736 399.7604,227.9236 390.625,253.4444 C380.3958,281.9965 370.9583,316.2882 366.0417,334.9653 " fill="none" id="First Component-to-FTP" style="stroke:#E5E4E2;stroke-width:3.125;"/><polygon fill="#E5E4E2" points="364.6667,340.2361,371.0832,332.2311,365.9929,335.1994,363.0245,330.1091,364.6667,340.2361" style="stroke:#E5E4E2;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
link Another Component to Example 1--><path d="M708.0104,178.684 C710.0625,214.6944 713.4479,274.059 715.625,312.2673 " fill="none" id="Another Component-to-Example 1" style="stroke:#E5E4E2;stroke-width:3.125;"/><polygon fill="#E5E4E2" points="715.9375,317.7465,719.5625,308.1491,715.6404,312.5466,711.2428,308.6245,715.9375,317.7465" style="stroke:#E5E4E2;stroke-width:3.125;"/><text fill="#4D4D4D" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="720.8333" y="233.7199">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
link Example 1 to Folder 3--><path d="M717.7083,381.934 C717.7083,428.184 717.7083,514.9132 717.7083,564.0173 " fill="none" id="Example 1-to-Folder 3" style="stroke:#E5E4E2;stroke-width:3.125;"/><polygon fill="#E5E4E2" points="717.7083,569.2257,721.875,559.8507,717.7083,564.0173,713.5417,559.8507,717.7083,569.2257" style="stroke:#E5E4E2;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
link Folder 3 to Frame 4--><path d="M717.7083,633.1632 C717.7083,660.6007 717.7083,700.7986 717.7083,729.7673 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#E5E4E2;stroke-width:3.125;"/><polygon fill="#E5E4E2" points="717.7083,735.0486,721.875,725.6736,717.7083,729.8403,713.5417,725.6736,717.7083,735.0486" style="stroke:#E5E4E2;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=[241d2a6705bb1d9e9829f5a8cb4e6020]
@startuml
!$THEME = "metal"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#fdfdfd"
!$GRAY_DARK = "#4d4d4d"
!$GRAY = "#737373"
!$LIGHT = "#f2f2f2"
!$DARK = "#4d4d4d"
!$SILVER = "#c0c0c0"
!$COPPER = "#B87333c"
!$STEELBLUE = "#4682b4"
!$LIGHTSTEELBLUE = "#B0C4DE"
!$LIGHTSTEELBLUE_DARK = "#8d9db2"
!$LIGHTSTEELBLUE_LIGHT = "#c0d0e5"
!$ALUMINUM = "#c9ced0"
!$ALUMINUM_DARK = "#a1a5a6"
!$ALUMINUM_LIGHT = "#d4d8d9"
!$BRONZE = "#CD7F32"
!$BRONZE_DARK = "#a46628"
!$BRONZE_LIGHT = "#d7995b"
!$GOLD = "#FFD700"
!$PLATINUM = "#E5E4E2"
!$RUST = "#B7410E"
!$FGCOLOR = $DARK
!$PRIMARY = $PLATINUM
!$PRIMARY_LIGHT = "#eae9e8"
!$PRIMARY_DARK = "#b7b6b5"
!$PRIMARY_TEXT = $STEELBLUE
!$SECONDARY = $SILVER
!$SECONDARY_LIGHT = "#cdcdcd"
!$SECONDARY_DARK = "#9a9a9a"
!$SECONDARY_TEXT = $WHITE
!$INFO = $STEELBLUE
!$INFO_LIGHT = "#5c85ad"
!$INFO_DARK = "#29527a"
!$INFO_TEXT = $WHITE
!$SUCCESS = "#339933"
!$SUCCESS_LIGHT = "#5cad5c"
!$SUCCESS_DARK = "#297a29"
!$SUCCESS_TEXT = $WHITE
!$WARNING = $GOLD
!$WARNING_LIGHT = "#ffdf33"
!$WARNING_DARK = "#ccac00"
!$WARNING_TEXT = $WHITE
!$DANGER = $RUST
!$DANGER_LIGHT = "#c5673e"
!$DANGER_DARK = "#92340b"
!$DANGER_TEXT = $WHITE
!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 $PRIMARY-$PRIMARY_DARK
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 8
skinparam ArrowColor $GRAY
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 {
FontColor $WHITE
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
}
skinparam legend {
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BorderColor $SECONDARY_DARK
FontColor $PRIMARY_TEXT
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $BRONZE
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $WHITE
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 3
LifeLineBackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY_DARK
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 #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $LIGHTSTEELBLUE_LIGHT-$LIGHTSTEELBLUE_DARK
BorderColor $LIGHTSTEELBLUE_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING_DARK
BorderColor $WARNING_DARK
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BorderColor $PRIMARY
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $LIGHT
BorderThickness 1
AttributeFontColor $WHITE
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BackgroundColor $WHITE-$LIGHT
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
$primary_scheme()
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BorderColor $RUST
FontColor $RUST
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO_DARK
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY_DARK
BorderColor $GRAY
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 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 8
skinparam ArrowColor #737373
skinparam stereotype {
CBackgroundColor #cdcdcd
CBorderColor #9a9a9a
ABackgroundColor #5cad5c
ABorderColor #297a29
IBackgroundColor #c5673e
IBorderColor #92340b
EBackgroundColor #ffdf33
EBorderColor #ccac00
NBackgroundColor #5c85ad
NBorderColor #29527a
}
skinparam title {
FontColor #fdfdfd
BorderColor #9a9a9a
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #cdcdcd-#9a9a9a
}
skinparam legend {
BackgroundColor #eae9e8-#E5E4E2
BorderColor #9a9a9a
FontColor #4682b4
}
skinparam swimlane {
BorderColor #4682b4
BorderThickness 2
TitleBackgroundColor #cdcdcd-#c0c0c0
TitleFontColor #E5E4E2
}
skinparam activity {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
BarColor #CD7F32
StartColor #4682b4
EndColor #4682b4
DiamondBackgroundColor #c0c0c0-#9a9a9a
DiamondBorderColor #9a9a9a
DiamondFontColor #fdfdfd
}
skinparam participant {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
FontColor #4d4d4d
}
skinparam arrow {
Thickness 3
Color #E5E4E2
FontColor #4d4d4d
}
skinparam sequence {
BorderColor #E5E4E2
TitleFontColor #fdfdfd
BackgroundColor transparent
StartColor #E5E4E2
EndColor #E5E4E2
BoxBackgroundColor transparent
BoxBorderColor #737373
BoxFontColor #4d4d4d
LifeLineBorderColor #9a9a9a
LifeLineBorderThickness 3
LifeLineBackgroundColor #cdcdcd-#9a9a9a
GroupBorderColor #737373
GroupFontColor #4d4d4d
GroupHeaderFontColor #4682b4
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #fdfdfd-#f2f2f2
DividerBorderColor #737373
DividerBorderThickness 2
DividerFontColor #4d4d4d
ReferenceBackgroundColor transparent
ReferenceBorderColor #737373
ReferenceFontColor #4d4d4d
ReferenceHeaderFontColor #4682b4
}
skinparam partition {
BorderColor #E5E4E2
FontColor #b7b6b5
BackgroundColor transparent
}
skinparam collections {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
}
skinparam control {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
FontColor #4d4d4d
}
skinparam entity {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
FontColor #4d4d4d
}
skinparam boundary {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
FontColor #4d4d4d
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #c0d0e5-#8d9db2
BorderColor #8d9db2
FontColor #fdfdfd
}
skinparam artifact {
BackgroundColor #cdcdcd-#9a9a9a
BorderColor #9a9a9a
FontColor #fdfdfd
}
skinparam component {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
}
skinparam interface {
BackgroundColor #c5673e
BorderColor #B7410E
FontColor #4d4d4d
}
skinparam storage {
BackgroundColor #ffdf33-#ccac00
BorderColor #ccac00
FontColor #fdfdfd
}
skinparam node {
BackgroundColor #eae9e8-#E5E4E2
BorderColor #E5E4E2
FontColor #4d4d4d
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #4d4d4d
}
skinparam database {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
FontColor #4d4d4d
}
skinparam class {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
HeaderBackgroundColor #eae9e8-#b7b6b5
StereotypeFontColor #4d4d4d
BorderThickness 1
AttributeFontColor #4d4d4d
AttributeFontSize 11
}
skinparam object {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
StereotypeFontColor #f2f2f2
BorderThickness 1
AttributeFontColor #fdfdfd
AttributeFontSize 11
}
skinparam usecase {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
BorderThickness 2
StereotypeFontColor #E5E4E2
}
skinparam rectangle {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
BackgroundColor #fdfdfd-#f2f2f2
BorderThickness 2
StereotypeFontColor #E5E4E2
}
skinparam package {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
BackgroundColor #eae9e8-#E5E4E2
BorderThickness 2
}
skinparam folder {
BackgroundColor #eae9e8-#E5E4E2
BorderColor #B7410E
FontColor #B7410E
BorderThickness 2
}
skinparam frame {
BackgroundColor #eae9e8-#E5E4E2
BorderColor #4682b4
FontColor #4682b4
BorderThickness 2
}
skinparam state {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
StartColor #4682b4
EndColor #4682b4
AttributeFontColor #c0c0c0
AttributeFontSize 11
}
skinparam queue {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
}
skinparam card {
BackgroundColor #5c85ad-#29527a
BorderColor #4682b4
FontColor #fdfdfd
}
skinparam file {
BackgroundColor #cdcdcd-#9a9a9a
BorderColor #737373
FontColor #f2f2f2
}
skinparam stack {
FontColor #4682b4
BorderColor #b7b6b5
BackgroundColor #E5E4E2-#b7b6b5
}
title Component Diagram - metal 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>