{"id":2269,"date":"2026-08-03T07:51:11","date_gmt":"2026-08-03T07:51:11","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/what-types-of-diagrams-can-you-create-with-plantuml-complete-guide\/"},"modified":"2026-08-03T07:51:11","modified_gmt":"2026-08-03T07:51:11","slug":"what-types-of-diagrams-can-you-create-with-plantuml-complete-guide","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/de\/what-types-of-diagrams-can-you-create-with-plantuml-complete-guide\/","title":{"rendered":"Welche Diagrammtypen k\u00f6nnen Sie mit PlantUML erstellen? (Vollst\u00e4ndiger Leitfaden)"},"content":{"rendered":"

\"Hero<\/p>\n

In der modernen Softwareentwicklung und Systemarchitektur sto\u00dfen traditionelle Drag-and-Drop-Diagrammwerkzeuge oft an ihre Grenzen. Sie lassen sich nur langsam aktualisieren, sind in Versionskontrollsystemen wie Git schwer zu warten und anf\u00e4llig f\u00fcr inkonsistentes Styling. Hier kommt Diagram-as-Code (DaC)<\/strong> ins Spiel, und PlantUML<\/strong> gilt als eine der vielseitigsten und am weitesten verbreiteten textbasierten Diagrammsprachen in der Entwickler-\u00d6kosystem.<\/section>\n
Indem Entwickler Visualisierungen mit reinem Text definieren, k\u00f6nnen sie die Architektur-Dokumentation direkt neben ihrem Quellcode f\u00fchren. Doch welche Diagrammtypen lassen sich damit tats\u00e4chlich erstellen? Ob Sie standardisierte Unified Modeling Language (UML)-Strukturkarten, hochlevelige Unternehmensarchitektur-\u00dcbersichten oder Projektmanagement-Zeitpl\u00e4ne ben\u00f6tigen, PlantUML deckt fast alle technischen Kommunikationsbed\u00fcrfnisse ab. In diesem Leitfaden werden wir die umfassende Palette der von PlantUML unterst\u00fctzten Diagrammtypen erkunden und zeigen, wie die Verwendung eines intuitiven PlantUML-Editors<\/strong> wie VPasCode<\/a> Ihre Rendering- und Bearbeitungserfahrung verbessert.<\/section>\n
\n

2. Standardisierte Unified Modeling Language (UML)-Diagramme<\/h2>\n

Im Kern wurde PlantUML entwickelt, um die Erstellung offizieller UML-Diagramme zu vereinfachen. Es gliedert sich in zwei Hauptkategorien: Strukturdiagramme und Verhaltensdiagramme.<\/p>\n

Strukturdiagramme<\/h3>\n

Klassen- und Objektdiagramme<\/h4>\n

Modellieren Sie objektorientierte Strukturen, Klassenhierarchien, Schnittstellen, Attribute und Beziehungen (Vererbung, Aggregation, Komposition) direkt aus Code-Definitionen.<\/p>\n

\"Main<\/p>\n

\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\n  \ntitle Hotel-Management-System\n\n' Schnittstellen definieren\ninterface IReservable {\n    + makeReservation(Kunde: Kunde, Daten: Datumsbereich): boolean\n    + cancelReservation(ReservierungsId: String): boolean\n    + checkAvailability(Datum: Datum): boolean\n}\n\ninterface IPayable {\n    + processPayment(Betrag: double): boolean\n    + issueRefund(ReservierungsId: String): boolean\n    + getPaymentStatus(): String\n}\n\n' Abstrakte Klasse definieren\nabstract class Person {\n    - id: String\n    - name: String\n    - email: String\n    - phone: String\n    + getId(): String\n    + getName(): String\n    + getContactInfo(): String\n    + updateContactInfo(Info: String): void\n}\n\n' Konkrete Klassen definieren\nclass Kunde {\n    - Treuepunkte: int\n    - Gesamt\u00fcbernachtungen: int\n    - Pr\u00e4ferenzen: List\n    + earnLoyaltyPoints(\u00dcbernachtungskosten: double): void\n    + redeemLoyaltyPoints(Punkte: int): boolean\n    + getLoyaltyTier(): String\n    + addPreference(Pr\u00e4ferenz: String): void\n}\n\nclass Zimmer {\n    - ZimmerNummer: String\n    - ZimmerTyp: ZimmerTyp\n    - Kapazit\u00e4t: int\n    - PreisProNacht: double\n    - Annehmlichkeiten: List\n    - istVerf\u00fcgbar: boolean\n    + bookRoom(Kunde: Kunde, Daten: Datumsbereich): boolean\n    + releaseRoom(): void\n    + getPrice(Kunde: Kunde): double\n    + addAmenity(Annehmlichkeit: String): void\n    + getRoomStatus(): String\n}\n\nclass Reservierung {\n    - reservierungsId: String\n    - checkInDate: Datum\n    - checkOutDate: Datum\n    - totalPrice: double\n    - status: ReservierungsStatus\n    - specialRequests: String\n    + calculateTotalPrice(): double\n    + confirmReservation(): void\n    + checkIn(): void\n    + checkOut(): boolean\n    + updateDates(neuerCheckIn: Datum, neuerCheckOut: Datum): boolean\n    + getDuration(): int\n}\n\n' Aufz\u00e4hlung\nenum ZimmerTyp {\n    STANDARD\n    DELUXE\n    SUITE\n    PRESIDENTIAL\n}\n\n' Aufz\u00e4hlung\nenum ReservierungsStatus {\n    PENDING\n    CONFIRMED\n    CHECKED_IN\n    CHECKED_OUT\n    CANCELLED\n}\n\n' Beziehungen\n' Schnittstellenimplementierung (gestrichelte Linie mit Dreieck)\nIReservable <|.. Reservierung : implements\nIPayable <|.. Reservierung : implements\n\n' Abstrakte Vererbung (durchgezogene Linie mit Dreieck)\nPerson <|-- Kunde : extends ' Komposition (durchgezogener Diamant) - Zimmer ist Teil der Reservierung Reservierung *-- \"1..*\" Zimmer : contains >\n\n' Assoziation (einfache durchgezogene Linie) mit Multiplizit\u00e4t\nKunde \"1\" -- \"0..*\" Reservierung : macht >\n\n' Abh\u00e4ngigkeit (gestrichelter Pfeil) - Kunde h\u00e4ngt von ZimmerTyp ab\nKunde ..> ZimmerTyp : hat Treuestufe basierend auf >\n\n' Assoziation mit benutzerdefiniertem Label\nReservierung \"1\" --o \"1\" Kunde : gebucht von >\n\n' Realisierung der Schnittstelle durch abstrakte Klasse (optionale zus\u00e4tzliche Verbindung)\nIReservable <|.. Zimmer : implements\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
Komponenten- und Bereitstellungsdiagramme<\/h4>\n
Karten Sie Softwarekomponenten, physische Knoten, Artefakte und Bereitstellungsumgebungen, um die Softwareverteilung \u00fcber Hardware- oder Cloud-Infrastrukturen zu visualisieren.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\ntitle Webanwendung-Komponentendiagramm\n\npackage \"Client-Schicht\" {\n    [Web Browser] as Browser\n    [Mobile App] as Mobile\n}\n\npackage \"Anwendungsserver\" {\n    [API Gateway] as Gateway\n    [User Service] as UserService\n    [Order Service] as OrderService\n    [Payment Service] as PaymentService\n}\n\npackage \"Datenbankschicht\" {\n    database \"User Database\" as UserDB\n    database \"Order Database\" as OrderDB\n}\n\npackage \"Drittanbieter-Dienste\" {\n    [Stripe API] as Stripe\n}\n\n' Verbindungen\nBrowser --> Gateway : HTTP \/ REST\nMobile --> Gateway : HTTP \/ REST\n\nGateway --> UserService : Internes REST\nGateway --> OrderService : Internes REST\n\nUserService --> UserDB : Lesen \/ Schreiben\nOrderService --> OrderDB : Lesen \/ Schreiben\nOrderService --> PaymentService : Zahlung verarbeiten\n\nPaymentService --> Stripe : HTTPS \/ API\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Component<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\ntitle Bereitstellungsdiagramm - 3-Schichten-Webanwendung\n\nskinparam componentStyle rectangle\n\nnode \"Client-Desktop\" as clientNode {\n  node \"Web Browser\" as browser {\n    artifact \"Web-App-Frontend (HTML\/JS)\" as frontend\n  }\n}\n\nnode \"Anwendungsserver\" as appServerNode {\n  node \"Servlet-Container (Tomcat)\" as tomcat {\n    artifact \"Backend-API (WAR-Datei)\" as appApi\n  }\n}\n\nnode \"Datenbankserver\" as databaseNode {\n  database \"PostgreSQL\" as postgres {\n    artifact \"Anwendungsdatenbankschema\" as dbSchema\n  }\n}\n\nclientNode -- appServerNode : HTTPS (Port 443)\nappServerNode -- databaseNode : JDBC (Port 5432)\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Deployment<\/p>\n
Verhaltens- und Interaktionsdiagramme<\/h3>\n
Sequenzdiagramme<\/h4>\n
Der beliebteste PlantUML-Diagrammtyp. Verfolgen Sie schrittweise Interaktionen, synchrone\/asynchrone API-Aufrufe und Nachrichtenfl\u00fcsse zwischen Akteuren und Systemen im Zeitverlauf.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitel Benutzerauthentifizierungsablauf\r\n\r\nactor \"Benutzer\" as user\r\nparticipant \"Web-App\" as app\r\nparticipant \"Auth-API\" as auth\r\ndatabase \"Benutzer-DB\" as db\r\n\r\nuser -> app : Anmelden\r\nactivate app\r\n\r\napp -> auth : POST \/api\/v1\/login\r\nactivate auth\r\n\r\nauth -> db : Benutzer nach E-Mail abfragen\r\nactivate db\ndb --> auth : Benutzerdatensatz & Hash zur\u00fcckgeben\r\ndeactivate db\r\n\r\nalt G\u00fcltige Anmeldedaten\r\n    auth -> auth : Passwort \u00fcberpr\u00fcfen & JWT generieren\r\n    auth --> app : 200 OK (Token & Profil)\r\n    app --> user : Zum Dashboard weiterleiten\r\nelse Ung\u00fcltige Anmeldedaten\r\n    auth --> app : 401 Unauthorized (Fehler)\r\n    app --> user : \"Ung\u00fcltige Anmeldedaten\" anzeigen\nend\r\n\r\ndeactivate auth\r\ndeactivate app\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Sequence<\/p>\n
Anwendungsfalldiagramme<\/h4>\n
Systemgrenzen, Akteure, Benutzerziele und funktionalen Umfang definieren.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitel Online-Shopping-System - Anwendungsfalldiagramm\r\n\r\nvon links nach rechts\r\n\r\nactor Kunde\r\nactor \"Registrierter Kunde\" as RegKunde\r\nactor \"Zahlungsanbieter\" as PaymentSystem\r\n\r\nKunde <|-- RegKunde rectangle \"E-Commerce-System\" { usecase \"Produkte durchsuchen\" as UC_Browse usecase \"Artikel suchen\" as UC_Search usecase \"Warenkorb verwalten\" as UC_Cart usecase \"Bestellung abschlie\u00dfen\" as UC_Checkout usecase \"Rabattcode anwenden\" as UC_Coupon usecase \"Zahlung verarbeiten\" as UC_Payment usecase \"Bestellhistorie anzeigen\" as UC_History } Kunde --> UC_Browse\r\nKunde --> UC_Search\r\nKunde --> UC_Cart\r\nKunde --> UC_Checkout\r\n\r\nRegKunde --> UC_History\r\n\r\nUC_Checkout .> UC_Payment : <>\r\nUC_Checkout <.. UC_Coupon : <>\r\n\r\nUC_Payment -- PaymentSystem\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Use<\/p>\n
Aktivit\u00e4ts- und Zustandsdiagramme<\/h4>\n
Komplexe Gesch\u00e4ftslogik, algorithmische Abl\u00e4ufe, Zustandsautomaten-\u00dcberg\u00e4nge und Nebenl\u00e4ufigkeit darstellen.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitel Bestellabwicklungsprozess\r\n\r\n|Kunde|\r\nstart\r\n:Bestellung aufgeben;\r\n:Zahlungsdetails eingeben;\r\n\r\n|Bestellsystem|\r\nif (Zahlung g\u00fcltig?) then (ja)\n    :Lagerbestand reservieren;\n     \n    ' Parallelverarbeitung\n    fork\n        |Lager|\n        :Artikel vom Regal entnehmen;\n        :Artikel in Box verpacken;\n    fork again\n        |Rechnungswesen|\n        :Rechnungs-PDF erstellen;\n        :Zahlungsmethode belasten;\n    end fork\n\n    |Versand|\n    :Versandetikett anbringen;\n    :An Kurier \u00fcbergeben;\n     \n    |Kunde|\n    :Paket erhalten;\n    stop\nelse (nein)\n    |Bestellsystem|\n    :Zahlungsfehlermitteilung senden;\n    |Kunde|\n    :Zahlungsmethode aktualisieren;\n    stop\nendif\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Activity<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitel E-Commerce-Bestelllebenszyklus\r\n\r\n[*] --> Ausstehend : Bestellung aufgegeben\n\nstate Ausstehend {\n    [*] --> Zahlung ausstehend\n    Zahlung ausstehend --> Zahlung fehlgeschlagen : Zahlungsfehler\n    Zahlung fehlgeschlagen --> Zahlung ausstehend : Zahlung erneut versuchen\n}\n\nAusstehend --> Bearbeitet : Zahlung autorisiert\nAusstehend --> Storniert : Benutzer storniert Bestellung\n\nstate Bearbeitet {\n    [*] --> Verpacken\n    Verpacken --> Versandbereit : Qualit\u00e4tspr\u00fcfung bestanden\n}\n\nBearbeitet --> Versendet : \u00dcbergabe an Spediteur\nVersendet --> Geliefert : Lieferung best\u00e4tigt\nVersendet --> Zur\u00fcckgesendet : Lieferung fehlgeschlagen \/ abgelehnt\n\nGeliefert --> [*]\nStorniert --> [*]\nZur\u00fcckgesendet --> [*]\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"State<\/p>\n
Zeitdiagramme<\/h4>\n
Pr\u00e4zise Zustands\u00fcberg\u00e4nge und Objektinteraktionen \u00fcber diskrete Zeitintervalle darstellen \u2013 ideal f\u00fcr eingebettete Systeme oder Echtzeit-Hardware-Design.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitel SPI-Daten\u00fcbertragungs-Zeitdiagramm\r\n\r\nrobust \"Takt (SCLK)\" as CLK\nbinary \"Chip-Select (CS)\" as CS\nbinary \"Master Out (MOSI)\" as MOSI\nconcise \"Datenbus (MISO)\" as MISO\n\n@0\nCS ist Hoch\nCLK ist Tief\nMOSI ist Tief\nMISO ist \"Leerlauf\"\n\n@1\nCS ist Tief\nMISO ist \"Header\"\n\n@2\nCLK ist Hoch\nMOSI ist Hoch\n\n@3\nCLK ist Tief\n\n@4\nCLK ist Hoch\nMOSI ist Tief\nMISO ist \"Payload\"\n\n@5\nCLK ist Tief\n\n@6\nCS ist Hoch\nCLK ist Tief\nMOSI ist Tief\nMISO ist \"Leerlauf\"\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Digital<\/p>\n<\/section>\n
\n
3. Hocharchitektur und dom\u00e4nenspezifische Diagramme<\/h2>\n
Jenseits des traditionellen UML zeichnet sich PlantUML durch die Darstellung mehrschichtiger Softwaresysteme und Datenarchitekturen unter Verwendung spezialisierter Erweiterungsbibliotheken aus.<\/p>\n
C4-Modell-Diagramme<\/h4>\n
Dr\u00fccken Sie Softwarearchitektur auf verschiedenen Abstraktionsebenen aus \u2013 Kontext, Container, Komponente und Code \u2013 und machen Sie das Systemdesign f\u00fcr technische und nicht-technische Stakeholder verst\u00e4ndlich.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\n\nTITLE Systemkontextdiagramm f\u00fcr das Internet-Banking-System\n\nPerson(customer, \"Privatkundenbankkunde\", \"Ein Kunde der Bank mit privaten Bankkonten.\")\nSystem(banking_system, \"Internet-Banking-System\", \"Erm\u00f6glicht Kunden, Informationen \u00fcber ihre Bankkonten einzusehen und Zahlungen vorzunehmen.\")\n\nSystem_Ext(mainframe, \"Mainframe-Banking-System\", \"Speichert alle Kernbankinformationen \u00fcber Kunden, Konten, Transaktionen usw.\")\nSystem_Ext(email_system, \"E-Mail-System\", \"Das interne Microsoft Exchange-E-Mail-System.\")\n\nRel(customer, banking_system, \"Sieht Kontost\u00e4nde ein und f\u00fchrt Zahlungen durch\")\nRel(banking_system, mainframe, \"Bezieht Kontoinformationen und f\u00fchrt Zahlungen durch\")\nRel(banking_system, email_system, \"Sendet E-Mails\")\nRel_Back(email_system, customer, \"Sendet E-Mails an\")\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"C4<\/p>\n
ArchiMate-Diagramme<\/h4>\n
Unterst\u00fctzt die Modellierung der Unternehmensarchitektur \u00fcber die Gesch\u00e4ftsbereiche, Anwendungsbereiche und Technologieebenen hinweg, um die Unternehmensstrategie auf operative Systeme abzubilden.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\n!include <archimate\/Archimate>\n\ntitle ArchiMate-Beispiel \u2013 Online-Rechnungsbezahlung\n\nGrouping(business, \"Geschichtsebene\"){\n    Business_Process(payBillProcess, \"Rechnungsbezahlungsprozess\")\n    Business_Object(bankAccount, \"Kundenbankkonto\")\n    Business_Service(paymentService, \"Gesch\u00e4ftsdienstleistung f\u00fcr Rechnungsbezahlung\")\n}\n\nGrouping(application, \"Anwendungsebene\"){\n    Application_Component(bankingApp, \"Mobile-Banking-Anwendung\")\n    Application_Function(paymentProcessing, \"Logik zur Zahlungsabwicklung\")\n    Application_DataObject(transactionRecord, \"Transaktionsdaten-Payload\")\n}\n\nGrouping(technology, \"Technologieebene\"){\n    Technology_Artifact(jwtToken, \"Verschl\u00fcsselter Sitzungstoken\")\n    Technology_Service(apiGateway, \"API-Gateway-Dienst\")\n    Technology_Service(dbService, \"Kern-Datenbankdienst\")\n}\n\nRel_Flow_Right(payBillProcess, bankAccount, \"\")\nRel_Serving_Up(paymentService, payBillProcess, \"\")\nRel_Specialization_Up(paymentProcessing, paymentService, \"\")\nRel_Flow_Right(transactionRecord, paymentProcessing, \"\")\nRel_Assignment_Left(bankingApp, paymentProcessing, \"\")\nRel_Realization_Up(jwtToken, transactionRecord, \"\")\nRel_Serving_Up(apiGateway, paymentProcessing, \"\")\nRel_Serving_Up(dbService, apiGateway, \"\")\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"ArchiMate<\/p>\n
Entity-Relationship-Diagramme (ERD)<\/h4>\n
Erstellen Sie saubere Visualisierungen von Datenbank-Schemata, einschlie\u00dflich der Standard-Notation mit Kr\u00e4henf\u00fc\u00dfen und Chen-ERD-Modellen.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\ntitle E-Commerce-Datenbankschema (Kr\u00e4henfu\u00df)\n\n' Kreissymbole f\u00fcr Entit\u00e4ten ausblenden\nhide circle\nskinparam linetype ortho\n\nentity \"Benutzer\" as user {\n    * user_id : INT <>\n    --\n    * email : VARCHAR(255)\n    * password_hash : VARCHAR(255)\n    * created_at : TIMESTAMP\n}\n\nentity \"Kundenprofil\" as profile {\n    * profile_id : INT <>\n    --\n    * user_id : INT <>\n    * first_name : VARCHAR(100)\n    * last_name : VARCHAR(100)\n      phone : VARCHAR(20)\n}\n\nentity \"Bestellung\" as order {\n    * order_id : INT <>\n    --\n    * user_id : INT <>\n    * order_date : TIMESTAMP\n    * total_amount : DECIMAL(10,2)\n    * status : VARCHAR(50)\n}\n\nentity \"Bestellposition\" as item {\n    * order_item_id : INT <>\n    --\n    * order_id : INT <>\n    * product_id : INT <>\n    * quantity : INT\n    * unit_price : DECIMAL(10,2)\n}\n\nentity \"Produkt\" as product {\n    * product_id : INT <>\n    --\n    * sku : VARCHAR(50)\n    * name : VARCHAR(150)\n      description : TEXT\n    * price : DECIMAL(10,2)\n}\n\n' Beziehungen\nuser ||--o| profile : \"hat\"\nuser ||--o{ order : \"legt auf\"\norder ||--|{ item : \"enth\u00e4lt\"\nproduct ||--o{ item : \"ist enthalten in\"\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Entity-relationship<\/p>\n
Netzwerk- und Infrastrukturkarten<\/h4>\n
Erstellen Sie m\u00fchelos Netzwerktopologien, Serverknoten, Cloud-Verbindungen und Firewalls.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startnwdiag\ntitle Unternehmensnetzwerk-Topologie\n\nnwdiag {\n    network External_Internet {\n        address = \"0.0.0.0\/0\"\n        user_client [address = \"203.0.113.15\", description = \"Remote-Benutzer\"];\n        edge_firewall [address = \"192.168.1.1\", description = \"Perimeter-Firewall\"];\n    }\n\n    network DMZ_Zone {\n        address = \"192.168.1.0\/24\"\n        edge_firewall;\n        load_balancer [address = \"192.168.1.10\", description = \"Nginx-Lastenausgleich\"];\n        mail_server [address = \"192.168.1.25\", description = \"SMTP-Server\"];\n        internal_firewall [address = \"192.168.1.254\", description = \"Interne Firewall\"];\n    }\n\n    network Private_LAN {\n        address = \"10.0.1.0\/24\"\n        internal_firewall;\n        app_server_01 [address = \"10.0.1.50\", description = \"API-Knoten 1\"];\n        app_server_02 [address = \"10.0.1.51\", description = \"API-Knoten 2\"];\n        db_master [address = \"10.0.1.100\", description = \"PostgreSQL-Hauptinstanz\"];\n    }\n\n    network Management_Subnet {\n        address = \"10.0.99.0\/24\"\n        internal_firewall;\n        admin_bastion [address = \"10.0.99.5\", description = \"SSH-Bastion-Host\"];\n        monitoring_node [address = \"10.0.99.20\", description = \"Prometheus-Host\"];\n    }\n}\n@endnwdiag<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Network<\/p>\n
\u00a0<\/p>\n<\/section>\n
\n
4. Planungs-, Management- und Brainstorming-Visualisierungen<\/h2>\n
PlantUML ist nicht auf Software-Design beschr\u00e4nkt \u2013 es ist auch ein leistungsstarkes Werkzeug f\u00fcr Projektmanagement und Team-Brainstorming.<\/p>\n
Gantt-Diagramme<\/h4>\n
Planen Sie Projektzeitpl\u00e4ne, Aufgabenabh\u00e4ngigkeiten, Meilensteine und Ressourcenallokation mit sauberem Text-Markup.<\/p>\n
\n
\nMermaid<\/span>\n\n<\/path><\/path><\/svg>\nMermaid in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
gantt\n    title Zeitplan f\u00fcr die Softwareproduktver\u00f6ffentlichung\n    dateFormat  YYYY-MM-DD\n    axisFormat  %b %d\n\n    section Planung & Design\n    Anforderungsermittlung   :a1, 2026-09-01, 10d\n    Architekturdesign        :a2, nach a1, 10d\n\n    section Entwicklung\n    Backend-API-Entwicklung  :b1, nach a2, 15d\n    Frontend-UI-Entwicklung  :b2, nach a2, 15d\n\n    section Testen & Ver\u00f6ffentlichung\n    Integrationstest         :c1, nach b1 b2, 8d\n    Sicherheitsaudit         :c2, nach c1, 5d\n    Produktionsver\u00f6ffentlichung :milestone, m1, nach c2, 0d<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nMermaid in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Mermaid<\/p>\n
Arbeitszerlegungsstruktur (AZS)<\/h4>\n
Zerlegen Sie komplexe Projekte in hierarchische Lieferobjekte und handhabbare Aufgabenbl\u00f6cke.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startwbs\n    title Arbeitszerlegungsstruktur f\u00fcr Website-Redesign\n\n* Projekt Website-Redesign\n** 1. Erkundung & Strategie\n*** 1.1 Stakeholder-Interviews\n*** 1.2 Wettbewerbsanalyse\n*** 1.3 Freigabe von Umfang und Strategie\n** 2. UX\/UI-Design\n*** 2.1 Wireframing\n**** 2.1.1 Desktop-Layouts\n**** 2.1.2 Mobile-Layouts\n*** 2.2 Design-System\n**** 2.2.1 Komponentenbibliothek\n**** 2.2.2 Typografie & Styleguide\n** 3. Technische Entwicklung\n*** 3.1 Frontend\n**** 3.1.1 Seitenvorlagen\n**** 3.1.2 API-Integrationen\n*** 3.2 CMS & Backend\n**** 3.2.1 Benutzerdefinierte Post-Typen\n**** 3.2.2 Datenbankmigration\n** 4. Qualit\u00e4tssicherung & Launch\n*** 4.1 Browser\u00fcbergreifender Test\n*** 4.2 Content-Migration\n*** 4.3 DNS-Umschaltung & Go-Live\n@endwbs<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Work<\/p>\n
Mindmaps<\/h4>\n
Erfassen Sie strukturierte Ideen, Merkmals-Taxonomien und technische Erkundungsnotizen schnell w\u00e4hrend Teamsitzungen.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startmindmap\n    title Merkmalskarte f\u00fcr E-Commerce-Plattform\n\n* E-Commerce-Plattform\n** Benutzerkontoverwaltung\n*** Social Auth (Google, Apple)\n*** Multi-Faktor-Authentifizierung\n** Bestellverlauf & Verfolgung\n** Produktkatalog & Suche\n*** Facettierte Suche & Filter\n*** Inventar-Synchronisation\n*** Produktbewertungen & -bewertungen\n** Checkout & Zahlungen\n*** Zahlungsgateways (Stripe, PayPal)\n*** Gutschein- & Promo-Engine\n** One-Click-Gast-Checkout\n** Kundensupport\n*** Live-Chat-Assistent\n*** Automatisiertes R\u00fcckgabeportal\n@endmindmap<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nPlantUML in VPasCode bearbeiten<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Mind<\/p>\n<\/section>\n
\n
5. Schnelles Schreiben und Rendern von PlantUML: Der VPasCode-Vorteil<\/h2>\n
Obwohl PlantUML \u00e4u\u00dferst leistungsf\u00e4hig ist, kann die Einrichtung lokaler Java-Umgebungen, Graphviz-Abh\u00e4ngigkeiten und Befehlszeilenwerkzeuge zu Reibungsverlusten f\u00fchren. Die Verwendung einer dedizierten, webbasierten PlantUML-Tool<\/strong>beseitigt diese H\u00fcrden vollst\u00e4ndig.<\/p>\n
Visual Paradigm VPasCode<\/a>ist eine einheitliche Diagramm-as-Code-Plattform, die speziell entwickelt wurde, um Text-zu-Diagramm-Workflows zu optimieren. Mit den k\u00fcrzlich in unserem Gro\u00dfes VPasCode-Update: Diagramme sofort mit KI generieren und bearbeiten<\/a>unterst\u00fctzt es nun native KI-Funktionen direkt im Editor.<\/p>\n
Hauptvorteile von VPasCode:<\/h3>\n