UML Web Widget

A widget to display UML diagrams on websites

Get Started with UML Web Widget

{ "elements": [ { "class": { "name": "Vehicle", "attributes": [ { "name": "m_motorized", "visibility": "private" } ], "operations": [ { "name": "accelerate()", "visibility": "public", "return": "void" } ] } }, { "class": { "name": "Bicycle", "attributes": [ { "name": "m_color", "visibility": "private" } ], "operations" : [ ] } }, { "class": { "name": "Car", "attributes": [ { "name": "m_brand", "visibility": "private" } ], "operations" : [ ] } }, { "class": { "name": "Engine", "attributes": [ { "name": "m_power", "visibility": "private" } ], "operations": [ { "name": "start()", "visibility": "public" }, { "name": "stop()", "visibility": "public" } ] } }, { "relationship": { "type": "inheritance", "baseclass": "Vehicle", "derivedclass": "Bicycle" } }, { "relationship": { "type": "inheritance", "baseclass": "Vehicle", "derivedclass": "Car" } }, { "relationship": { "type": "composition", "containingclass": "Car", "containedclass": "Engine" } } ] }
{ "elements": [ { "lifeline": { "name": "Customer" } }, { "lifeline": { "name": "Shopkeeper" } }, { "lifeline": { "name": "Till" } }, { "messages": [ { "synchronousmessage": { "name": "pay", "caller": "Customer", "callee": "Shopkeeper" } }, { "synchronousmessage": { "name": "open", "caller": "Shopkeeper", "callee": "Till" } }, { "returnmessage": { "caller": "Shopkeeper", "callee": "Till" } }, { "synchronousmessage": { "name": "countMoney", "caller": "Shopkeeper", "callee": "Shopkeeper" } }, { "synchronousmessage": { "name": "putMoney", "caller": "Shopkeeper", "callee": "Till" } }, { "returnmessage": { "caller": "Shopkeeper", "callee": "Till" } }, { "returnmessage": { "caller": "Customer", "callee": "Shopkeeper" } } ] } ] }
{ "elements": [ { "actor": { "name": "Customer" } }, { "actor": { "name": "Waiter" } }, { "actor": { "name": "Cook" } }, { "usecase": { "title": "Order food" } }, { "usecase": { "title": "Send order to kitchen" } }, { "association": { "actor": "Customer", "usecase": "Order food" } }, { "association": { "actor": "Waiter", "usecase": "Order food" } }, { "association": { "actor": "Waiter", "usecase": "Send order to kitchen" } }, { "association": { "actor": "Cook", "usecase": "Send order to kitchen" } } ] }
{ "elements": [ { "component": { "name": "ControlPanel", "dependencies": [ { "name": "IControl" } ] } }, { "component": { "name": "WebServer", "dependencies": [ { "name": "INetwork" } ], "interfaces": [ { "name": "IControl" } ] } }, { "assemblyconnector": { "interface": "IControl", "consumer": "ControlPanel", "provider": "WebServer" } } ] }