image/plantuml-c4.svg

<?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="375px" preserveAspectRatio="none" style="width:601px;height:375px;background:#00000000;" version="1.1" viewBox="0 0 601 375" width="601px" zoomAndPan="magnify"><defs><filter height="300%" id="f8i655ne9ewx7" 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><!--MD5=[ec370b6abf6afbbd63f8172d2904b8c0]
entity juju--><ellipse cx="403" cy="28.68" fill="#2A86E2" filter="url(#f8i655ne9ewx7)" rx="8" ry="8" style="stroke:#1A66C2;stroke-width:1.5;"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="24" x="391" y="56.7391">JuJu</text><!--MD5=[e2307af040e3f87d22824e7603ca28ec]
entity api--><ellipse cx="129" cy="235.42" fill="#2A86E2" filter="url(#f8i655ne9ewx7)" rx="8" ry="8" style="stroke:#1A66C2;stroke-width:1.5;"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="20" x="119" y="263.4791">API</text><!--MD5=[a5a6ae0ba01c8a4589ab26bd33e87aad]
entity storage--><ellipse cx="315" cy="338.79" fill="#2A86E2" filter="url(#f8i655ne9ewx7)" rx="8" ry="8" style="stroke:#1A66C2;stroke-width:1.5;"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="45" x="292.5" y="366.8491">Storage</text><!--MD5=[a0fc4214121922e68a8615f120b83cce]
entity transform--><ellipse cx="253" cy="235.42" fill="#2A86E2" filter="url(#f8i655ne9ewx7)" rx="8" ry="8" style="stroke:#1A66C2;stroke-width:1.5;"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="59" x="223.5" y="263.4791">Transform</text><!--MD5=[1fe25e6ad2a661c9f8478b5f50e2a15d]
entity publisher--><ellipse cx="430" cy="235.42" fill="#2A86E2" filter="url(#f8i655ne9ewx7)" rx="8" ry="8" style="stroke:#1A66C2;stroke-width:1.5;"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="52" x="404" y="263.4791">Publisher</text><!--MD5=[e9053c6dbb891ad4199c45de881c9d13]
entity website--><ellipse cx="377" cy="235.42" fill="#2A86E2" filter="url(#f8i655ne9ewx7)" rx="8" ry="8" style="stroke:#1A66C2;stroke-width:1.5;"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="45" x="354.5" y="263.4791">Website</text><!--MD5=[8c2c2f45bb6f3525ee06b078af4d90cf]
entity JuJu--><rect fill="#CCCCCC" filter="url(#f8i655ne9ewx7)" height="43.3687" style="stroke:#AAAAAA;stroke-width:1.5;" width="64" x="447" y="7"/><rect fill="#CCCCCC" height="10" style="stroke:#AAAAAA;stroke-width:1.5;" width="15" x="491" y="12"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="489" y="14"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="489" y="18"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="24" x="462" y="38.0591">JuJu</text><!--MD5=[cda190aec85529d7ef2e1486252d4310]
entity WebUI--><rect fill="#CCCCCC" filter="url(#f8i655ne9ewx7)" height="43.3687" style="stroke:#AAAAAA;stroke-width:1.5;" width="78" x="7" y="213.73"/><rect fill="#CCCCCC" height="10" style="stroke:#AAAAAA;stroke-width:1.5;" width="15" x="65" y="218.73"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="63" y="220.73"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="63" y="224.73"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="38" x="22" y="244.7891">WebUI</text><!--MD5=[80aa38db62ea8b6ade7a1acd8b93c349]
entity Orchestra--><rect fill="#CCCCCC" filter="url(#f8i655ne9ewx7)" height="43.3687" style="stroke:#AAAAAA;stroke-width:1.5;" width="96" x="474" y="213.73"/><rect fill="#CCCCCC" height="10" style="stroke:#AAAAAA;stroke-width:1.5;" width="15" x="550" y="218.73"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="548" y="220.73"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="548" y="224.73"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="56" x="489" y="244.7891">Orchestra</text><!--MD5=[4f78d112092d4a767d1d899cdc1eb9c4]
entity Transform--><rect fill="#CCCCCC" filter="url(#f8i655ne9ewx7)" height="43.3687" style="stroke:#AAAAAA;stroke-width:1.5;" width="99" x="203.5" y="110.36"/><rect fill="#CCCCCC" height="10" style="stroke:#AAAAAA;stroke-width:1.5;" width="15" x="282.5" y="115.36"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="280.5" y="117.36"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="280.5" y="121.36"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="59" x="218.5" y="141.4191">Transform</text><!--MD5=[b9060e1352b009711fbb9730f967b58f]
entity Publisher--><rect fill="#CCCCCC" filter="url(#f8i655ne9ewx7)" height="43.3687" style="stroke:#AAAAAA;stroke-width:1.5;" width="92" x="357" y="110.36"/><rect fill="#CCCCCC" height="10" style="stroke:#AAAAAA;stroke-width:1.5;" width="15" x="429" y="115.36"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="427" y="117.36"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="427" y="121.36"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="52" x="372" y="141.4191">Publisher</text><!--MD5=[cf25d34b6f9695ab689953484c0b6ae1]
entity Storage--><rect fill="#CCCCCC" filter="url(#f8i655ne9ewx7)" height="43.3687" style="stroke:#AAAAAA;stroke-width:1.5;" width="85" x="469.5" y="317.1"/><rect fill="#CCCCCC" height="10" style="stroke:#AAAAAA;stroke-width:1.5;" width="15" x="534.5" y="322.1"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="532.5" y="324.1"/><rect fill="#CCCCCC" height="2" style="stroke:#AAAAAA;stroke-width:1.5;" width="4" x="532.5" y="328.1"/><text fill="#000000" font-family="Verdana" font-size="11" lengthAdjust="spacing" textLength="45" x="484.5" y="348.1591">Storage</text><!--MD5=[f2f2ea6d7454c46e289b3df413e51d8f]
link juju to JuJu--><path d="M412.5,28.68 C423.84,28.68 435.19,28.68 446.53,28.68 " fill="none" id="juju-JuJu" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[c9b9d31024179afb0e8237a2b3ec2749]
link website to WebUI--><path d="M370.77,225.92 C361.96,213.48 344.57,192.25 323.5,183.73 C239.44,149.76 205.94,156.38 119.5,183.73 C100.91,189.61 82.95,202.08 69.44,213.29 " fill="none" id="website-WebUI" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[3cbc632372f71a09930494dcdc260733]
reverse link juju to WebUI--><path d="M387.62,33.3 C350.86,42.4 255.75,68.5 186,110.36 C137.55,139.44 90.29,186.3 64.98,213.34 " fill="none" id="juju-backto-WebUI" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="392.32,32.16,382.6281,30.4085,387.4626,33.3458,384.5254,38.1803,392.32,32.16" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[e293b3f906f6c66d57d5aed9c30ca8a2]
link WebUI to storage--><path d="M85.4,251.27 C145.8,274.02 258.57,316.52 299.58,331.98 " fill="none" id="WebUI-to-storage" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="304.11,333.68,297.0875,326.7746,299.4284,331.9244,294.2785,334.2652,304.11,333.68" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[9ccd6882b1cfc3b6dbb2a6775873e9f5]
link WebUI to api--><path d="M85.23,235.42 C94.58,235.42 103.94,235.42 113.29,235.42 " fill="none" id="WebUI-to-api" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="118.25,235.42,109.25,231.42,113.25,235.42,109.25,239.42,118.25,235.42" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[03769816707605e24874bfc3558fddc2]
link api to Orchestra--><path d="M138.32,229.54 C157.25,217.99 201.92,192.68 243.5,183.73 C328.66,165.4 355.78,159.67 439.5,183.73 C459.81,189.57 479.95,202.03 495.25,213.25 " fill="none" id="api-Orchestra" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[ddd80ef60e5ef0be09ea26344d5fc5e4]
link transform to Orchestra--><path d="M262.33,229.12 C289.63,211.51 371.69,164.25 439.5,183.73 C459.81,189.57 479.95,202.03 495.25,213.25 " fill="none" id="transform-Orchestra" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[41840821f329055b6ec76b82e5d2a421]
link publisher to Orchestra--><path d="M439.34,235.42 C450.75,235.42 462.16,235.42 473.57,235.42 " fill="none" id="publisher-Orchestra" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[fd08070ce6a308141f34ac2afee15c43]
reverse link juju to Orchestra--><path d="M415.2,42.86 C428.99,58.23 451.54,84.8 467,110.36 C487.73,144.63 505.18,188.09 514.57,213.43 " fill="none" id="juju-backto-Orchestra" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="411.89,39.22,414.9753,48.5731,415.2498,42.9229,420.9,43.1974,411.89,39.22" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[fb3e878d3f5f274a770338af7d39c399]
link Orchestra to storage--><path d="M478.86,257.54 C432.2,280.39 360.4,315.55 329.72,330.58 " fill="none" id="Orchestra-to-storage" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="325.51,332.64,335.3518,332.2683,329.9992,330.4383,331.8291,325.0856,325.51,332.64" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[2cfacb86648284df18dc4025b89794fa]
reverse link juju to Transform--><path d="M388.32,39.6 C364.28,55.84 316,88.47 284.09,110.04 " fill="none" id="juju-backto-Transform" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="392.36,36.87,382.6635,38.5956,388.2174,39.6698,387.1432,45.2237,392.36,36.87" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[c7c0534ddbe0a096fd39b63633896edf]
link Transform to storage--><path d="M240.77,154.04 C227.71,179.38 210.82,222.85 226,257.1 C241.22,291.44 279.06,317.39 300.17,329.76 " fill="none" id="Transform-to-storage" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="304.34,332.14,298.4963,324.2121,299.9944,329.667,294.5395,331.1651,304.34,332.14" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[26f2145258bb946392be4264941a8c75]
link Transform to transform--><path d="M253,154.05 C253,173.71 253,202.57 253,219.83 " fill="none" id="Transform-to-transform" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="253,224.52,257,215.52,253,219.52,249,215.52,253,224.52" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[3089abc177ed4a3c5a45e746b1d612c1]
reverse link juju to Publisher--><path d="M403,44.18 C403,61.42 403,90.35 403,110.04 " fill="none" id="juju-backto-Publisher" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="403,39.49,399,48.49,403,44.49,407,48.49,403,39.49" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[b099c5e31befe7ade59eb62557a132e6]
link Publisher to storage--><path d="M387.08,153.99 C375.74,169.73 360.81,192.2 351,213.73 C333.82,251.44 322.69,299.34 317.82,323.07 " fill="none" id="Publisher-to-storage" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="316.86,327.88,322.5519,319.8424,317.8433,322.9776,314.7081,318.2691,316.86,327.88" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[c358e924f5976ea10609a9b885a45a79]
link Publisher to publisher--><path d="M408.59,154.05 C413.83,173.71 421.52,202.57 426.11,219.83 " fill="none" id="Publisher-to-publisher" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="427.38,224.57,428.9296,214.8438,426.0935,219.7384,421.1989,216.9023,427.38,224.57" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[ea47db41f171ee94fcd799857f4bfcd0]
link storage to Storage--><path d="M324.23,338.79 C372.52,338.79 420.81,338.79 469.09,338.79 " fill="none" id="storage-Storage" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[0c2dfc3a1e965285de57aeea4d532e38]
reverse link juju to Storage--><path d="M417.31,41.08 C444.94,63.09 503.03,109.4 504,110.36 C545.71,151.97 567.45,158.15 587,213.73 C593.4,231.92 594.05,239.16 587,257.1 C577.56,281.13 557.22,302.25 540.1,316.85 " fill="none" id="juju-backto-Storage" style="stroke:#000000;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#000000" points="413.4,37.96,417.9369,46.7017,417.3071,41.08,422.9288,40.4503,413.4,37.96" style="stroke:#000000;stroke-width:1.0;"/><!--MD5=[a1c618fce835336a15588667013f230e]
@startuml
!define LIGHTBLUE
!includeurl C4-PlantUML/juststyle.puml
    skinparam backgroundColor transparent
    interface "JuJu" as juju
    interface "API" as api
    interface "Storage" as storage
    interface "Transform" as transform
    interface "Publisher" as publisher
    interface "Website" as website

    juju - [JuJu]

    website - [WebUI]
    [WebUI] .up.> juju
    [WebUI] .down.> storage
    [WebUI] .right.> api

    api - [Orchestra]
    transform - [Orchestra]
    publisher - [Orchestra]
    [Orchestra] .up.> juju
    [Orchestra] .down.> storage

    [Transform] .up.> juju
    [Transform] .down.> storage
    [Transform] ..> transform

    [Publisher] .up.> juju
    [Publisher] .down.> storage
    [Publisher] ..> publisher

    storage - [Storage]
    [Storage] .up.> juju
@enduml

@startuml




skinparam stereotypeCBackgroundColor 1a66c2







skinparam backgroundColor fff








skinparam circledCharacter {
  radius 8
  fontSize 11
  fontName Verdana
}

skinparam class {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11

  attributeFontColor 333
  attributeFontSize 11
  attributeIconSize 11
}


skinparam actor {
    backgroundColor 2a86e2
  borderColor 1a66c2
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam participant {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam collections {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam SequenceBox{
    backgroundColor e0e0e0
  borderColor cccccc
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}


skinparam interface {
    backgroundColor 2a86e2
  borderColor 1a66c2
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam component {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam node {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam database {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam queue {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}


skinparam usecase {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11
}

skinparam activity {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11
}

skinparam sequence {
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11

  lifeLineBorderColor 2a86e2
  lifeLineBackgroundColor e0e0e0
}

skinparam boundary {
    backgroundColor 2a86e2
  borderColor 1a66c2
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam control {
    backgroundColor 2a86e2
  borderColor 1a66c2
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam entity {
    backgroundColor 2a86e2
  borderColor 1a66c2
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}


skinparam state {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11
  startColor 2a86e2
  endColor 1a66c2
}


skinparam object {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11
}


skinparam note {
    backgroundColor 2a86e2
  borderColor 1a66c2
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam cloud {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
    arrowColor 000
  arrowFontName Verdana
  arrowFontColor 333
  arrowFontSize 11
}

skinparam rectangle {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

skinparam storage {
    backgroundColor ccc
  borderColor aaa
    fontColor 000
  fontName Verdana
  fontSize 11
  stereotypeFontColor 333
  stereotypeFontSize 11
}

    skinparam backgroundColor transparent
    interface "JuJu" as juju
    interface "API" as api
    interface "Storage" as storage
    interface "Transform" as transform
    interface "Publisher" as publisher
    interface "Website" as website

    juju - [JuJu]

    website - [WebUI]
    [WebUI] .up.> juju
    [WebUI] .down.> storage
    [WebUI] .right.> api

    api - [Orchestra]
    transform - [Orchestra]
    publisher - [Orchestra]
    [Orchestra] .up.> juju
    [Orchestra] .down.> storage

    [Transform] .up.> juju
    [Transform] .down.> storage
    [Transform] ..> transform

    [Publisher] .up.> juju
    [Publisher] .down.> storage
    [Publisher] ..> publisher

    storage - [Storage]
    [Storage] .up.> juju
@enduml

PlantUML version 1.2021.7(Sun May 23 20:40:07 CST 2021)
(GPL source distribution)
Java Runtime: Java(TM) SE Runtime Environment
JVM: Java HotSpot(TM) 64-Bit Server VM
Default Encoding: UTF-8
Language: zh
Country: CN
--></g></svg>