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

232 lines
21 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="649px" preserveAspectRatio="none" style="width:1177px;height:649px;" version="1.1" viewBox="0 0 1177 649" width="1177px" zoomAndPan="magnify"><defs><filter height="300%" id="fjtn64ap0cplo" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect fill="none" height="26.2969" style="stroke:none;stroke-width:1.0;" width="341" x="413.75" y="5"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="331" x="418.75" y="22.9951">Component Diagram - resume-light theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M11,43.2969 L100,43.2969 A7.5,7.5 0 0 1 105,48.2969 L112,65.5938 L763,65.5938 A5,5 0 0 1 768,70.5938 L768,135.2969 A5,5 0 0 1 763,140.2969 L11,140.2969 A5,5 0 0 1 6,135.2969 L6,48.2969 A5,5 0 0 1 11,43.2969 " fill="#FFFFFF" filter="url(#fjtn64ap0cplo)" style="stroke:#000000;stroke-width:2.0;"/><line style="stroke:#000000;stroke-width:2.0;" x1="6" x2="112" y1="65.5938" y2="65.5938"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="93" x="10" y="58.292">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
cluster My Node--><polygon fill="#FFFFFF" filter="url(#fjtn64ap0cplo)" points="162,199.2969,172,189.2969,580,189.2969,580,281.2969,570,291.2969,162,291.2969,162,199.2969" style="stroke:#000000;stroke-width:2.0;"/><line style="stroke:#000000;stroke-width:2.0;" x1="570" x2="580" y1="199.2969" y2="189.2969"/><line style="stroke:#000000;stroke-width:2.0;" x1="162" x2="570" y1="199.2969" y2="199.2969"/><line style="stroke:#000000;stroke-width:2.0;" x1="570" x2="570" y1="199.2969" y2="291.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="68" x="333" y="215.292">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
cluster My Cloud--><path d="M613.0868,203.3187 C616.155,197.2173 621.8386,197.505 625.3145,202.8846 C627.6905,195.747 633.5649,196.2183 637.5756,201.2355 C642.1487,195.4667 647.3813,194.3404 651.9152,201.2797 C653.9363,194.5475 659.6315,194.176 663.4695,199.5449 C667.5572,193.5006 673.745,194.491 676.5493,200.8936 C679.7437,195.6423 685.5764,195.5761 688.5261,201.1639 C692.7057,195.6921 697.3444,194.6623 701.8418,200.7995 C706.0969,195.5975 710.0308,195.9914 712.8007,202.2231 C717.1578,195.6913 723.4156,195.6479 727.5075,202.5143 C732.554,197.1495 736.3952,196.9848 739.771,204.1495 C746.0345,207.9894 745.7805,214.0364 739.0046,217.1049 C744.5082,221.0245 744.9825,225.8184 739.4867,230.1447 C745.241,233.3741 745.5417,239.5706 739.6763,242.9719 C747.5816,247.1069 746.4112,253.9937 740.0609,258.4822 C744.7085,263.0382 745.2709,266.7254 739.0799,270.3884 C745.595,274.5533 745.3407,279.2317 740.1298,284.2827 C735.9552,290.6811 730.4847,291.3774 725.9136,284.7141 C722.3974,290.6806 718.2288,290.486 714.256,285.1865 C710.7991,291.7221 705.4352,292.3316 700.924,286.3055 C697.1517,291.7119 692.6121,292.3137 688.754,286.3978 C684.396,292.6905 678.2831,290.8747 675.2406,284.9435 C672.264,290.9054 668.4708,291.9696 664.0578,286.3279 C660.5706,292.5439 655.0966,292.5437 651.8532,286.093 C646.8722,292.2679 640.8487,292.525 637.5206,284.4325 C634.5842,290.8963 628.5725,291.135 624.672,285.4524 C620.2322,290.8558 616.0927,290.1785 612.2152,284.8027 C606.0688,279.8665 606.9224,273.6456 613.6874,269.993 C608.2033,266.6688 606.3953,263.1745 612.0846,258.3166 C604.9286,253.9984 604.4688,247.7239 611.9184,243.2447 C605.6799,239.8561 606.4906,234.7771 611.7626,231.2392 C605.6749,227.225 604.9613,221.0736 611.7166,217.0179 C606.5028,212.8927 605.4062,206.1542 613.0868,203.3187 " fill="#FFFFFF" filter="url(#fjtn64ap0cplo)" style="stroke:#000000;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="72" x="639" y="220.292">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
cluster My Database--><path d="M587,338.2969 C587,328.2969 675,328.2969 675,328.2969 C675,328.2969 763,328.2969 763,338.2969 L763,627.2969 C763,637.2969 675,637.2969 675,637.2969 C675,637.2969 587,637.2969 587,627.2969 L587,338.2969 " fill="#FFFFFF" filter="url(#fjtn64ap0cplo)" style="stroke:#000000;stroke-width:2.0;"/><path d="M587,338.2969 C587,348.2969 675,348.2969 675,348.2969 C675,348.2969 763,348.2969 763,338.2969 " fill="none" style="stroke:#000000;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="100" x="625" y="363.292">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
cluster My folder--><path d="M616,386.2969 L686,386.2969 A7.5,7.5 0 0 1 691,391.2969 L698,408.5938 L734,408.5938 A5,5 0 0 1 739,413.5938 L739,478.2969 A5,5 0 0 1 734,483.2969 L616,483.2969 A5,5 0 0 1 611,478.2969 L611,391.2969 A5,5 0 0 1 616,386.2969 " fill="#FFFFFF" filter="url(#fjtn64ap0cplo)" style="stroke:#000000;stroke-width:2.0;"/><line style="stroke:#000000;stroke-width:2.0;" x1="611" x2="698" y1="408.5938" y2="408.5938"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="74" x="615" y="401.292">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
cluster My Frame--><rect fill="#FFFFFF" filter="url(#fjtn64ap0cplo)" height="97" rx="5" ry="5" style="stroke:#000000;stroke-width:2.0;" width="128" x="611" y="516.2969"/><path d="M697,516.2969 L697,525.5938 L687,535.5938 L611,535.5938 " fill="none" style="stroke:#000000;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacing" textLength="76" x="614" y="530.292">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
entity HTTP--><ellipse cx="526" cy="101.2969" fill="#FEFECE" filter="url(#fjtn64ap0cplo)" rx="8" ry="8" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="37" x="507.5" y="131.292">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
entity First Component--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="46.2969" style="stroke:#A80036;stroke-width:1.0;" width="155" x="326.5" y="78.2969"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.0;" width="15" x="461.5" y="83.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="459.5" y="85.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="459.5" y="89.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="115" x="341.5" y="111.292">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
entity Another Component--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="46.2969" style="stroke:#A80036;stroke-width:1.0;" width="181" x="570.5" y="78.2969"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.0;" width="15" x="731.5" y="83.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="729.5" y="85.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="729.5" y="89.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="141" x="585.5" y="111.292">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
entity MyRectangle1--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="36.2969" style="stroke:#A80036;stroke-width:1.0;" width="118" x="173" y="83.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="98" x="183" y="106.292">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
entity MyCollection1--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="32.2969" style="stroke:#A80036;stroke-width:1.5;" width="112" x="26" y="87.2969"/><rect fill="#FEFECE" height="32.2969" style="stroke:#A80036;stroke-width:1.5;" width="112" x="22" y="83.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="96" x="30" y="104.292">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
entity FTP--><ellipse cx="340" cy="252.2969" fill="#FEFECE" filter="url(#fjtn64ap0cplo)" rx="8" ry="8" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="26" x="327" y="282.292">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
entity Second Component--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="46.2969" style="stroke:#A80036;stroke-width:1.0;" width="179" x="384.5" y="229.2969"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.0;" width="15" x="543.5" y="234.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="541.5" y="236.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="541.5" y="240.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="139" x="399.5" y="262.292">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
entity MyRectangle2--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="36.2969" style="stroke:#A80036;stroke-width:1.0;" width="118" x="178" y="234.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="98" x="188" y="257.292">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
entity Example 1--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="46.2969" style="stroke:#A80036;stroke-width:1.0;" width="111" x="619.5" y="229.2969"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.0;" width="15" x="710.5" y="234.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="708.5" y="236.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="708.5" y="240.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="71" x="634.5" y="262.292">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
entity Folder 3--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="46.2969" style="stroke:#A80036;stroke-width:1.0;" width="96" x="627" y="421.2969"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.0;" width="15" x="703" y="426.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="701" y="428.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="701" y="432.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="56" x="642" y="454.292">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
entity Frame 4--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="46.2969" style="stroke:#A80036;stroke-width:1.0;" width="96" x="627" y="551.2969"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.0;" width="15" x="703" y="556.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="701" y="558.2969"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.0;" width="4" x="701" y="562.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="56" x="642" y="584.292">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
entity MyCollection2--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="32.2969" style="stroke:#A80036;stroke-width:1.5;" width="112" x="791" y="87.2969"/><rect fill="#FEFECE" height="32.2969" style="stroke:#A80036;stroke-width:1.5;" width="112" x="787" y="83.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="96" x="795" y="104.292">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
entity My Artifact--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="39.2969" style="stroke:#A80036;stroke-width:1.0;" width="100" x="938" y="81.7969"/><polygon fill="#FEFECE" points="1021,86.7969,1021,100.7969,1033,100.7969,1033,92.7969,1027,86.7969,1021,86.7969" style="stroke:#A80036;stroke-width:1.0;"/><line style="stroke:#A80036;stroke-width:1.0;" x1="1027" x2="1027" y1="86.7969" y2="92.7969"/><line style="stroke:#A80036;stroke-width:1.0;" x1="1033" x2="1027" y1="92.7969" y2="92.7969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="70" x="948" y="107.792">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
entity My Storage--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="36.2969" rx="35" ry="35" style="stroke:#A80036;stroke-width:1.0;" width="97" x="1073.5" y="83.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="77" x="1083.5" y="106.292">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
entity My Queue--><path d="M805,239.2969 L885,239.2969 C890,239.2969 890,252.4453 890,252.4453 C890,252.4453 890,265.5938 885,265.5938 L805,265.5938 C800,265.5938 800,252.4453 800,252.4453 C800,252.4453 800,239.2969 805,239.2969 " fill="#FEFECE" filter="url(#fjtn64ap0cplo)" style="stroke:#A80036;stroke-width:2.0;"/><path d="M885,239.2969 C880,239.2969 880,252.4453 880,252.4453 C880,265.5938 885,265.5938 885,265.5938 " fill="none" style="stroke:#A80036;stroke-width:2.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="70" x="805" y="257.292">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
entity My Interface--><ellipse cx="974" cy="252.2969" fill="#FEFECE" filter="url(#fjtn64ap0cplo)" rx="8" ry="8" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="83" x="932.5" y="282.292">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
entity My Card--><rect fill="#FEFECE" filter="url(#fjtn64ap0cplo)" height="22.2969" style="stroke:#A80036;stroke-width:1.0;" width="75" x="1058.5" y="241.2969"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="55" x="1068.5" y="257.292">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
entity My File--><polygon fill="#FEFECE" filter="url(#fjtn64ap0cplo)" points="812,426.2969,812,462.5938,878,462.5938,878,436.2969,868,426.2969,812,426.2969" style="stroke:#A80036;stroke-width:1.0;"/><path d="M868,426.2969 L868,436.2969 L878,436.2969 " fill="#FEFECE" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="46" x="822" y="449.292">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
entity My Stack--><rect fill="#FEFECE" height="36.2969" style="stroke:none;stroke-width:1.0;" width="81" x="928.5" y="426.2969"/><path d="M913.5,426.2969 L928.5,426.2969 L928.5,462.5938 L1009.5,462.5938 L1009.5,426.2969 L1024.5,426.2969 " fill="none" filter="url(#fjtn64ap0cplo)" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="61" x="938.5" y="449.292">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
link HTTP to First Component--><path d="M517,101.2969 C505.22,101.2969 493.45,101.2969 481.68,101.2969 " fill="none" id="HTTP-First Component" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
link FTP to Second Component--><path d="M349.16,252.2969 C360.86,252.2969 372.57,252.2969 384.27,252.2969 " fill="none" id="FTP-Second Component" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
link First Component to FTP--><path d="M393.05,124.5869 C385.46,140.3069 375.26,161.9369 367,181.2969 C358.63,200.9269 349.91,224.1169 344.72,238.2569 " fill="none" id="First Component-to-FTP" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="342.97,243.0269,349.8187,235.9491,344.6879,238.3313,342.3057,233.2004,342.97,243.0269" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
link Another Component to Example 1--><path d="M663.1,124.6069 C665.58,151.0469 669.72,195.1169 672.41,223.6869 " fill="none" id="Another Component-to-Example 1" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="672.89,228.8369,676.0225,219.4995,672.418,223.8592,668.0582,220.2547,672.89,228.8369" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="99" x="668" y="169.3638">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
link Example 1 to Folder 3--><path d="M675,275.4669 C675,310.3569 675,378.0169 675,415.9069 " fill="none" id="Example 1-to-Folder 3" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="675,421.2669,679,412.2669,675,416.2669,671,412.2669,675,421.2669" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
link Folder 3 to Frame 4--><path d="M675,467.2969 C675,489.0969 675,522.5269 675,546.0069 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="675,551.1469,679,542.1469,675,546.1469,671,542.1469,675,551.1469" style="stroke:#A80036;stroke-width:1.0;"/><!--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=[c53a2b4c25b09e463d9324d1a108f38d]
@startuml
!$THEME = "resume-light"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
skinparam {
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
defaultTextAlignment center
shadowing false
RoundCorner 10
TitleFontSize 18
}
<style>
wbsDiagram {
LineColor #f0f0f0
BorderThickness 3
BackgroundColor #f9f9f9
FontColor #6a9fb5
:depth(0) {
fontSize 16
fontStyle bold
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 3
}
:depth(3) {
fontSize 10
padding 2
}
}
</style>
!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 {
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
defaultTextAlignment center
shadowing false
RoundCorner 10
TitleFontSize 18
}
<style>
wbsDiagram {
LineColor #f0f0f0
BorderThickness 3
BackgroundColor #f9f9f9
FontColor #6a9fb5
:depth(0) {
fontSize 16
fontStyle bold
}
:depth(1) {
fontSize 14
padding 5
fontStyle bold
}
:depth(2) {
fontSize 12
padding 3
}
:depth(3) {
fontSize 10
padding 2
}
}
</style>
title Component Diagram - resume-light 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>