demo_doc/puml/sketchy/usecase-ex.svg

807 lines
28 KiB
XML
Raw Normal View History

2021-06-25 21:37:59 +08:00
<?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="433.3333px" preserveAspectRatio="none" style="width:394px;height:433px;background:#00000000;" version="1.1" viewBox="0 0 394 433" width="394.7917px" zoomAndPan="magnify"><defs><linearGradient id="gcfntp1nnacb00" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#666666"/><stop offset="100%" stop-color="#555555"/></linearGradient></defs><g><polygon fill="url(#gcfntp1nnacb00)" points="6.25,2.0833,6.25,2.3023,16.6377,1.6517,27.0255,2.2847,37.4132,2.4997,47.8009,1.3402,58.1887,2.0024,68.5764,1.6391,78.9641,1.6839,89.3519,2.0123,99.7396,1.3632,110.1273,2.66,120.515,1.4268,130.9028,1.8773,141.2905,2.5333,151.6782,1.994,162.066,2.1544,172.4537,2.0501,182.8414,2.2693,193.2292,2.3324,203.6169,2.6934,214.0046,2.7823,224.3924,2.7909,234.7801,2.3486,245.1678,2.5662,255.5556,2.8148,265.9433,1.3321,276.331,2.7901,286.7188,1.7745,297.1065,2.6394,307.4942,1.5677,317.8819,2.012,328.2697,2.8558,338.6574,2.0326,349.0451,2.193,359.4329,2.4361,369.8206,2.5169,380.2083,2.0833,380.2078,2.0821,380.8358,2.4195,381.3108,2.3879,382.0139,2.9068,382.6382,3.2355,383.1546,3.3037,383.2972,3.3628,383.5953,3.9744,383.4878,4.418,383.6776,4.9848,383.9316,5.5782,384.375,6.25,384.3546,6.25,384.3068,13.6003,384.6116,20.9505,384.3143,28.3008,384.2559,35.651,384.375,43.0013,384.4482,43.0316,383.917,43.502,383.7203,44.1108,383.8509,44.8553,383.5384,45.4162,383.1546,45.9476,383.2522,46.1832,382.5226,46.0884,382.0185,46.5381,381.4653,46.8692,380.7348,46.7723,380.2083,47.168,380.2083,47.0681,369.8206,47.2992,359.4329,47.8469,349.0451,47.1636,338.6574,47.6498,328.2697,46.5911,317.8819,46.4625,307.4942,47.6926,297.1065,46.4212,286.7188,47.6981,276.331,47.3832,265.9433,46.8889,255.5556,46.7995,245.1678,47.6458,234.7801,46.8562,224.3924,47.7845,214.0046,46.5922,203.6169,47.8111,193.2292,47.6725,182.8414,47.4231,172.4537,47.2172,162.066,47.9249,151.6782,47.8071,141.2905,47.3443,130.9028,47.4473,120.515,47.0323,110.1273,47.9143,99.7396,47.3293,89.3519,47.3477,78.9641,46.5343,68.5764,46.7459,58.1887,47.7208,47.8009,47.6156,37.4132,47.1232,27.0255,46.8324,16.6377,46.9399,6.25,47.168,6.1588,46.9478,5.7159,47.0569,5.1698,46.9171,4.5522,46.6046,3.9853,46.4146,3.3037,45.9476,3.2599,45.9294,3.0876,45.3699,2.6912,44.7176,2.6626,44.2176,2.4066,43.6233,2.0833,43.0013,2.2751,43.0013,2.0036,35.651,2.0367,28.3008,2.2373,20.9505,2.2803,13.6003,2.0833,6.25,1.9189,6.1819,2.2652,5.635,2.6194,5.0913,2.6196,4.4011,3.173,3.9399,3.3037,3.3037,3.338,3.3865,3.8796,3.0273,4.5011,2.8612,5.1683,2.8052,5.6192,2.227,6.25,2.0833" style="stroke:#4D4D4D;stroke-width:1.0416666666666667;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="20.8333" lengthAdjust="spacing" textLength="355.2083" x="15.625" y="31.838">Usecase Diagram - sketchy theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
cluster checkout--><polygon fill="#666666" points="140.625,57.5846,140.625,57.8036,151.2649,57.1531,161.9048,57.786,172.5446,58.001,183.1845,56.8415,193.8244,57.5037,204.4643,57.1404,215.1042,57.1852,225.744,57.5136,236.3839,56.8645,247.0238,58.1613,257.6637,56.9281,268.3036,57.3786,278.9435,58.0346,289.5833,57.5846,289.5719,57.5571,290.1817,57.8506,290.7576,58.0625,291.3748,58.3741,291.9721,58.6377,292.5296,58.805,292.7175,58.8828,292.989,59.4834,293.2357,60.0738,293.3435,60.6066,293.6546,61.2236,293.75,61.7513,294.4815,61.7513,292.9988,72.168,294.4568,82.5846,293.4411,93.0013,294.3061,103.418,293.2344,113.8346,293.6786,124.2513,294.5225,134.668,293.6992,145.0846,293.8597,155.5013,294.1027,165.918,294.1836,176.3346,293.7459,186.7513,294.0492,197.168,293.1537,207.5846,294.0462,218.0013,294.321,228.418,294.2131,238.8346,294.3886,249.2513,293.2468,259.668,293.0706,270.0846,293.1027,280.5013,293.6887,290.918,293.5453,301.3346,294.4598,311.7513,293.568,322.168,293.3927,332.5846,293.9878,343.0013,293.0554,353.418,293.75,363.8346,293.5835,363.7657,293.7141,364.5101,293.4016,365.071,293.2534,365.7,292.6705,366.1489,292.5296,366.7809,292.572,366.8833,292.0188,367.2144,291.2883,367.1175,290.7491,367.4824,290.1893,367.7976,289.5833,368.0013,289.5833,368.6802,278.9435,367.9969,268.3036,368.4831,257.6637,367.4244,247.0238,367.2958,236.3839,368.5259,225.744,367.2545,215.1042,368.5315,204.4643,368.2165,193.8244,367.7222,183.1845,367.6328,172.5446,368.4792,161.9048,367.6895,151.2649,368.6178,140.625,368.0013,140.5516,367.824,140.1178,367.9553,139.5108,367.6685,138.8898,367.3477,138.2743,367.0401,137.6787,366.7809,137.9118,366.8775,137.6315,366.2732,137.2449,365.6249,137.0325,365.0488,136.6606,364.4066,136.4583,363.8346,137.2046,363.8346,136.6197,353.418,136.6381,343.0013,135.8246,332.5846,136.0362,322.168,137.0112,311.7513,136.906,301.3346,136.4136,290.918,136.1227,280.5013,136.2303,270.0846,135.7436,259.668,136.8904,249.2513,137.2287,238.8346,137.0067,228.418,137.1822,218.0013,136.3159,207.5846,136.5492,197.168,136.0546,186.7513,136.7542,176.3346,136.7154,165.918,137.0337,155.5013,136.2191,145.0846,136.3183,134.668,136.9203,124.2513,137.0493,113.8346,135.9244,103.418,136.2564,93.0013,136.6138,82.5846,135.822,72.168,136.4583,61.7513,136.5717,61.7983,136.7852,61.1963,136.9142,60.5594,137.2362,60.0024,137.6684,59.4911,137.6787,58.805,137.6371,58.7047,138.3098,58.662,138.8952,58.4085,139.4619,58.1099,140.0545,57.8739,140.625,57.5846" style="stroke:#333333;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="66.6667" x="181.7708" y="76.4791">checkout</text><polygon fill="#474747" points="276.1144,229.4151,274.8747,232.9318,270.1432,235.6076,264.7142,238.2735,260.2324,241.3697,251.7766,243.1351,244.0516,245.0321,234.9848,246.2561,224.9952,246.8425,216.3196,247.4437,204.5526,246.498,197.0438,246.3928,187.3324,244.9053,177.9884,242.8527,171.4411,241.0219,164.8627,238.4571,159.941,235.7324,155.8666,232.6033,153.4933,229.3991,152.1559,225.9564,152.7786,222.6585,155.038,219.4833,159.4668,216.7061,164.2085,213.8101,170.1372,211.1984,179.8965,209.8695,185.8825,207.3902,196.4915,206.6826,204.5854,205.4613,215.9947,205.7756,224.9958,205.7951,233.1231,206.1074,243.4266,207.7932,251.4737,209.4115,258.4916,211.3999,264.6868,213.8363,270.4695,216.8494,273.7139,219.7005,277.4094,223.3475,276.7556,226.1234" style="stroke:#333333;stroke-width:2.0833333333333335;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="184.9672" y="228.525">checkout</text><polygon fill="#474747" points="273.3996,125.2485,272.2188,128.7651,267.712,131.4409,262.5407,134.1068,258.2717,137.203,250.2174,138.9684,242.8593,140.8654,234.223,142.0894,224.7077,142.6759,216.444,143.277,205.2357,142.3313,198.0835,142.2262,188.8332,140.7387,179.9329,138.686,173.6964,136.8553,167.4304,134.2904,162.7423,131.5658,158.8614,128.4366,156.6008,125.2324,155.3269,121.7897,155.92,118.4918,158.0722,115.3166,162.2907,112.5394,166.8073,109.6434,
entity customer--><polygon fill="#474747" points="59.9419,193.4658,58.7203,195.1349,57.2755,197.5795,55.2092,199.227,53.0378,200.1279,51.3064,200.2061,49.0812,199.0794,46.9816,198.3433,45.3879,196.8488,44.5519,195.1379,44.0562,193.7756,43.5705,191.9962,42.7822,190.4649,43.388,188.9699,43.9187,187.3322,45.9105,186.0369,47.3117,184.3563,49.0461,183.7982,51.108,183.3176,53.7522,183.6032,55.2004,184.2862,56.8842,184.5958,58.9316,186.6933,59.6453,188.9077,59.9554,190.4186,59.6041,192.9084" style="stroke:#333333;stroke-width:1.5625;"/><path d="M51.5625,199.7721 L51.7571,199.7721 L51.1789,205.3971 L51.7415,211.0221 L51.9326,216.6471 L50.9019,222.2721 L51.5625,227.8971 M38.0208,208.1055 L38.0208,208.0335 L43.4375,207.7106 L48.8542,207.7504 L54.2708,208.0424 L59.6875,207.4653 L65.1042,208.1055 M51.5625,227.8971 L51.9499,228.2329 L48.4132,230.6399 L46.0075,234.0272 L43.7397,237.5341 L40.6691,240.3451 L38.0208,243.5221 M51.5625,227.8971 L51.6102,227.9385 L54.2485,231.0028 L57.1041,234.2554 L59.8548,237.4172 L62.8056,240.7523 L65.1042,243.5221 " fill="none" style="stroke:#333333;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="61.4583" x="20.8333" y="262.9374">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
entity clerk--><polygon fill="#474747" points="371.921,193.4658,370.6995,195.1349,369.2547,197.5795,367.1883,199.227,365.017,200.1279,363.2856,200.2061,361.0604,199.0794,358.9607,198.3433,357.3671,196.8488,356.5311,195.1379,356.0354,193.7756,355.5497,191.9962,354.7614,190.4649,355.3671,188.9699,355.8979,187.3322,357.8896,186.0369,359.2909,184.3563,361.0253,183.7982,363.0872,183.3176,365.7314,183.6032,367.1796,184.2862,368.8634,184.5958,370.9107,186.6933,371.6244,188.9077,371.9345,190.4186,371.5833,192.9084" style="stroke:#333333;stroke-width:1.5625;"/><path d="M363.5417,199.7721 L363.7363,199.7721 L363.158,205.3971 L363.7206,211.0221 L363.9117,216.6471 L362.8811,222.2721 L363.5417,227.8971 M350,208.1055 L350,208.0335 L355.4167,207.7106 L360.8333,207.7504 L366.25,208.0424 L371.6667,207.4653 L377.0833,208.1055 M363.5417,227.8971 L363.9291,228.2329 L360.3923,230.6399 L357.9866,234.0272 L355.7189,237.5341 L352.6483,240.3451 L350,243.5221 M363.5417,227.8971 L363.5894,227.9385 L366.2276,231.0028 L369.0833,234.2554 L371.834,237.4172 L374.7848,240.7523 L377.0833,243.5221 " fill="none" style="stroke:#333333;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="31.25" x="347.9167" y="262.9374">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
link customer to checkout--><path d="M87.6354,226.3346 L87.6354,226.6266 L98.5365,225.7592 L109.4375,226.6031 L120.3385,226.8897 L131.2396,225.3438 L142.1406,226.2267 L153.0417,226.3346 " fill="none" style="stroke:#333333;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
link checkout to payment--><path d="M215.1042,205.2513 L215.3961,205.2513 L214.5287,193.8992 L215.3726,182.5471 L215.6593,171.1951 L214.1133,159.843 L215.1042,148.4909 " fill="none" style="stroke:#333333;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#333333" points="215.1042,143.2201,215.1709,143.2497,214.1394,145.0366,213.4988,146.9973,212.731,148.9014,211.5445,150.6194,210.9375,152.5951,210.9184,152.576,211.6661,151.657,212.51,150.8342,213.4208,150.0783,214.1011,149.092,215.1042,148.4284,215.2401,148.5643,215.7828,149.107,216.7223,150.0465,217.7102,151.0344,218.4164,151.7407,219.2708,152.5951,219.2925,152.6047,218.4274,150.7155,217.6608,148.8702,216.8467,147.0038,216.1233,145.1776,215.1042,143.2201" style="stroke:#333333;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="46.875" x="175.5208" y="179.0833">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
link help to checkout--><path d="M215.1042,309.418 L215.3961,309.418 L214.5287,298.0659 L215.3726,286.7138 L215.6593,275.3617 L214.1133,264.0096 L215.1042,252.6576 " fill="none" style="stroke:#333333;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#333333" points="215.1042,247.3867,215.1709,247.4164,214.1394,249.2033,213.4988,251.164,212.731,253.0681,211.5445,254.7861,210.9375,256.7617,210.9184,256.7426,211.6661,255.8237,212.51,255.0009,213.4208,254.245,214.1011,253.2586,215.1042,252.5951,215.2401,252.731,215.7828,253.2736,216.7223,254.2132,217.7102,255.2011,218.4164,255.9073,219.2708,256.7617,219.2925,256.7713,218.4274,254.8822,217.6608,253.0369,216.8467,251.1704,216.1233,249.3443,215.1042,247.3867" style="stroke:#333333;stroke-width:3.125;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="52.0833" x="172.9167" y="283.2499">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
link checkout to clerk--><path d="M277.3646,226.3346 L277.3646,226.6266 L288.2292,225.7592 L299.0938,226.6031 L309.9583,226.8897 L320.8229,225.3438 L331.6875,226.2267 L342.5521,226.3346 " fill="none" style="stroke:#333333;stroke-width:3.125;"/><polygon fill="#555555" points="131.25,381.543,131.25,381.7619,141.5799,381.1114,151.9097,381.7443,162.2396,381.9593,172.5694,380.7998,182.8993,381.462,193.2292,381.0987,203.559,381.1435,213.8889,381.472,224.2188,380.8228,234.5486,382.1197,244.8785,380.8864,255.2083,381.543,255.1821,381.4795,256.0023,381.9866,256.6701,382.1256,257.4271,382.4802,258.1504,382.7531,258.8912,383.0685,258.9485,383.0922,259.273,383.8368,259.6893,384.6194,260.0217,385.3673,260.3295,386.105,260.4167,386.7513,260.5051,386.7513,260.5776,391.7448,260.6605,396.7383,260.1663,401.7318,260.6523,406.7253,260.4167,411.7188,260.3216,411.6794,260.2828,412.5263,259.6477,413.1261,259.4794,413.9194,259.4342,414.7636,258.8912,415.4016,258.8847,415.386,258.1686,415.7405,257.463,416.1204,256.7368,416.4504,255.9444,416.6207,255.2083,416.9271,255.2083,417.2263,244.8785,416.3308,234.5486,417.2233,224.2188,417.4981,213.8889,417.3901,203.559,417.5657,193.2292,416.4239,182.8993,416.2477,172.5694,416.2798,162.2396,416.8657,151.9097,416.7224,141.5799,417.6369,131.25,416.9271,131.2268,416.871,130.4678,416.5119,129.8072,416.3901,128.9517,415.7979,128.2347,415.5402,127.5672,415.4016,127.7753,415.4878,127.4018,414.7229,127.1926,414.0261,126.5486,413.1491,126.4492,412.4977,126.0417,411.7188,126.2467,411.7188,125.8776,406.7253,126.0084,401.7318,126.0854,396.7383,126.268,391.7448,126.0417,386.7513,126.0403,386.7507,126.4952,386.0762,126.4742,385.2046,126.7397,384.4516,127.4236,383.8719,127.5672,383.0685,127.4719,382.8385,128.3714,382.9266,129.0677,382.5245,129.7413,382.0672,130.4664,381.7346,131.25,381.543" style="stroke:#4D4D4D;stroke-width:1.0416666666666667;"/><text fill="#FFFFFF" font-family="Segoe Print" font-size="12.5" lengthAdjust="spacing" textLength="111.4583" x="137.5" y="403.5624">This is my legend</text><!--MD5=[8eac3dc81fd376d7d53b7bfa379164e6]
@startuml
!$THEME = "sketchy"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
skinparam handwritten true
skinparam shadowing false
!$BLUE = "#007bff"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#dc3545"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ffc107"
!$GREEN = "#28a745"
!$TEAL = "#20c997"
!$CYAN = "#17a2b8"
!$WHITE = "#ffffff"
!$GRAY = "#868e96"
!$GRAYDARK = "#333333"
!$PRIMARY = "#333333"
!$SECONDARY = "#555555"
!$SUCCESS = "#28a745"
!$INFO = "#17a2b8"
!$WARNING = "#ffc107"
!$DANGER = "#dc3545"
!$LIGHT = "#ffffff"
!$DARK = "#555555"
!$FGCOLOR = $WHITE
!$PRIMARY_DARK = "#2e2e2e"
!$PRIMARY_LIGHT = "#474747"
!$PRIMARY_TEXT = $WHITE
!$SECONDARY_DARK = "#4d4d4d"
!$SECONDARY_LIGHT = "#666666"
!$SECONDARY_TEXT = $WHITE
!$INFO_DARK = "#1592a6"
!$INFO_LIGHT = "#2eabbf"
!$INFO_TEXT = $WHITE
!$SUCCESS_DARK = "#24963e"
!$SUCCESS_LIGHT = "#3eb058"
!$SUCCESS_TEXT = $WHITE
!$WARNING_DARK = "#e6ae06"
!$WARNING_LIGHT = "#ffc720"
!$WARNING_TEXT = $WHITE
!$DANGER_DARK = "#c6303e"
!$DANGER_LIGHT = "#e04958"
!$DANGER_TEXT = $WHITE
!$DARK_DARK = "#4d4d4d"
!$DARK_LIGHT = "#666666"
!$LIGHT_DARK = "#e6e6e6"
!$LIGHT_LIGHT = "#ffffff"
!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
BackgroundColor $PRIMARY_LIGHT
!endprocedure
skinparam defaultFontName "Segoe Print"
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 {
FontColor $FGCOLOR
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $SECONDARY
BorderColor $SECONDARY_DARK
FontColor $LIGHT
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $FGCOLOR
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY_LIGHT
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $DARK
BoxFontColor $DARk
LifeLineBorderColor $SECONDARY
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_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
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $WARNING
BorderColor $WARNING_LIGHT
FontColor $DARK
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO
BorderColor $INFO_DARK
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $DARK
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
BorderColor $WARNING_DARK
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $SECONDARY
BorderColor $LIGHT
FontColor $LIGHT
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $FGCOLOR
HeaderBackgroundColor $PRIMARY_LIGHT
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $LIGHT
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BackgroundColor $SECONDARY_LIGHT
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $SECONDARY
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $SECONDARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $SECONDARY_LIGHT
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
BorderColor $INFO_DARK
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_DARK
BorderColor $LIGHT
FontColor $LIGHT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title Usecase Diagram - $THEME theme
!else
title Usecase Diagram
!endif
legend
This is my legend
endlegend
'skinparam BackgroundColor transparent
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam handwritten true
skinparam shadowing false
skinparam defaultFontName "Segoe Print"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 5
skinparam ArrowColor #555555
skinparam stereotype {
CBackgroundColor #666666
CBorderColor #4d4d4d
ABackgroundColor #3eb058
ABorderColor #24963e
IBackgroundColor #e04958
IBorderColor #c6303e
EBackgroundColor #ffc720
EBorderColor #e6ae06
NBackgroundColor #2eabbf
NBorderColor #1592a6
}
skinparam title {
FontColor #ffffff
BorderColor #4d4d4d
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #666666-#555555
}
skinparam legend {
BackgroundColor #555555
BorderColor #4d4d4d
FontColor #ffffff
}
skinparam swimlane {
BorderColor #17a2b8
BorderThickness 2
TitleBackgroundColor #666666-#555555
TitleFontColor #ffffff
}
skinparam activity {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
BarColor #28a745
StartColor #17a2b8
EndColor #17a2b8
DiamondBackgroundColor #666666
DiamondBorderColor #4d4d4d
DiamondFontColor #ffffff
}
skinparam participant {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam arrow {
Thickness 3
Color #333333
FontColor #ffffff
}
skinparam sequence {
BorderColor #333333
TitleFontColor #333333
BackgroundColor transparent
StartColor #333333
EndColor #333333
BoxBackgroundColor transparent
BoxBorderColor #555555
BoxFontColor $DARk
LifeLineBorderColor #555555
LifeLineBorderThickness 2
LifeLineBackgroundColor #4d4d4d
GroupBorderColor #555555
GroupFontColor #555555
GroupHeaderFontColor #17a2b8
GroupBackgroundColor #555555
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #555555
DividerBorderColor #555555
DividerBorderThickness 2
DividerFontColor #ffffff
ReferenceBackgroundColor transparent
ReferenceBorderColor #555555
ReferenceFontColor #555555
ReferenceHeaderFontColor #17a2b8
ReferenceHeaderBackgroundColor #555555
}
skinparam partition {
BorderColor #333333
FontColor #333333
BackgroundColor transparent
}
skinparam collections {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam control {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam entity {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam boundary {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam agent {
BackgroundColor #ffc107
BorderColor #ffc720
FontColor #555555
}
skinparam note {
BorderThickness 1
BackgroundColor #17a2b8
BorderColor #1592a6
FontColor #ffffff
}
skinparam artifact {
BackgroundColor #555555
BorderColor #4d4d4d
FontColor #ffffff
}
skinparam component {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam interface {
BackgroundColor #c6303e
BorderColor #dc3545
FontColor #555555
}
skinparam storage {
BackgroundColor #ffc107
BorderColor #e6ae06
FontColor #ffffff
}
skinparam node {
BackgroundColor #555555
BorderColor #ffffff
FontColor #ffffff
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #555555
}
skinparam database {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam class {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
FontColor #ffffff
HeaderBackgroundColor #474747
StereotypeFontColor #555555
BorderThickness 1
AttributeFontColor #ffffff
AttributeFontSize 11
}
skinparam object {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
StereotypeFontColor #555555
BorderThickness 1
AttributeFontColor #ffffff
AttributeFontSize 11
}
skinparam usecase {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
BorderThickness 2
StereotypeFontColor #333333
}
skinparam rectangle {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
BackgroundColor #666666
BorderThickness 2
StereotypeFontColor #333333
}
skinparam package {
BackgroundColor #555555
BorderColor #333333
FontColor #333333
BorderThickness 2
}
skinparam folder {
BackgroundColor #666666
BorderColor #ffc107
FontColor #ffc107
BorderThickness 2
}
skinparam frame {
BackgroundColor #666666
BorderColor #17a2b8
FontColor #17a2b8
BorderThickness 2
}
skinparam state {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
StartColor #17a2b8
EndColor #17a2b8
AttributeFontColor #ffffff
AttributeFontSize 11
}
skinparam queue {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
skinparam card {
BackgroundColor #17a2b8
BorderColor #1592a6
FontColor #ffffff
}
skinparam file {
BackgroundColor #4d4d4d
BorderColor #ffffff
FontColor #ffffff
}
skinparam stack {
FontColor #ffffff
BorderColor #333333
BackgroundColor #474747
}
title Usecase Diagram - sketchy theme
legend
This is my legend
endlegend
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@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>