PlantUML Object Diagram Online

Create a PlantUML object diagram online to capture specific instances, current attribute values, and the links between them, then preview and export PNG or SVG.

PlantUML Object Diagram Online Editor

Start with the Object Diagram template, edit the PlantUML source, and preview the result live.

Use this focused object diagram tool for quick previews and exports. Open the full editor for AI generation, syntax repair, sharing, and saved projects.

Diagram preview

Create a PlantUML Object Diagram Online

Model specific object instances, current attribute values, links, relationship labels, and a system snapshot at one point in time in an editable PlantUML workspace with live preview and PNG or SVG export.

Built-in Object Diagram template

Start from valid PlantUML source designed for a practical object diagram.

Live diagram preview

See the rendered diagram update as you edit the PlantUML source.

Focused object diagram guidance

Learn the syntax and modeling choices used for debugging runtime state, documenting test fixtures, reviewing concrete business scenarios, and explaining worked examples.

PNG and SVG export

Download a shareable PNG or scalable SVG from the same source.

No local setup

Create and preview PlantUML without installing Java, Graphviz, or an IDE extension.

Continue in OnUML

Move to the full editor for AI generation, repair, sharing, and saved projects.

How to Create a PlantUML Object Diagram

Use the built-in template to create a object diagram for debugging runtime state, documenting test fixtures, reviewing concrete business scenarios, and explaining worked examples.

  1. 01

    Choose one moment or business scenario for the snapshot, such as an order immediately after payment.

  2. 02

    List the object instances that exist at that moment and name each instance clearly.

  3. 03

    Add only the attribute values needed to explain the scenario.

  4. 04

    Connect the instances and label each link with its business meaning.

  5. 05

    Check the live preview, then export the object diagram as PNG or SVG.

PlantUML Object Diagram Syntax and Use Cases

Learn the core syntax and modeling decisions behind a useful object diagram, then apply them directly in the online editor above.

Objects, Instances, and Current Values

Use the object keyword for a concrete instance. A label such as orderA001 : Order identifies both the instance and its type. Put current values inside braces so the diagram records what is true in this scenario, not every field the class could contain.

object "orderA001 : Order" as order {
  number = "A-001"
  status = "Paid"
  total = 299.00
}

Links and Relationship Labels

Connect instances with a solid or directed relation and add a short label after a colon. Labels such as places or paid by explain the business meaning of the link. Add cardinality only when it helps readers understand this specific snapshot.

customer -- order : places
order -- payment : paid by

Object Diagram vs Class Diagram

Use an object diagram when the question is which instances exist now, what values they hold, and how they are linked. Use a class diagram when the question is which types, attributes, methods, and type relationships define the system.

Keep the Snapshot Focused

Choose one point in time and include only the objects and values needed to explain it. If the diagram mixes several lifecycle stages or becomes crowded with unrelated instances, split it into separate snapshots that each answer one review or debugging question.

PlantUML Object Diagram Example

The editable example demonstrates a practical object diagram. Change the source, check the live preview, and export the version you need.

@startuml
title Paid order snapshot

object "alice : Customer" as customer {
  id = "C-1042"
  name = "Alice"
}

object "orderA001 : Order" as order {
  number = "A-001"
  status = "Paid"
  total = 299.00
}

object "paymentP01 : Payment" as payment {
  id = "P-01"
  status = "Captured"
  amount = 299.00
}

customer -- order : places
order -- payment : paid by
@enduml

Why Use PlantUML for Object Diagrams

PlantUML keeps object diagrams in reviewable text, making them easier to update, version, reuse, and export as the design changes.

Start from the right diagram type

Open directly into a Object Diagram template instead of adapting an unrelated example.

Keep the model reviewable

Store the diagram as readable text that works well in documentation and version control.

Preview before sharing

Check structure, labels, and relationships before exporting the rendered diagram.

Frequently Asked Questions

What is a PlantUML object diagram online tool?

It is a browser-based editor that starts with a Object Diagram template and lets you edit PlantUML source, preview the rendered diagram, and export PNG or SVG without local setup.

What can I model in a object diagram?

Use it to model specific object instances, current attribute values, links, relationship labels, and a system snapshot at one point in time. Common uses include debugging runtime state, documenting test fixtures, reviewing concrete business scenarios, and explaining worked examples.

What is the difference between an object diagram and a class diagram?

A class diagram describes reusable types and their structure. An object diagram shows concrete instances, their current values, and their links at one point in time.

Do I need to include every attribute in an object diagram?

No. Include only the values needed to explain the scenario, test case, or runtime state. Omitting unrelated fields keeps the snapshot easier to review.

Can I export the object diagram as PNG or SVG?

Yes. Preview the diagram, then download PNG for slides and quick sharing or SVG for scalable documentation and web use.

Do I need to install PlantUML, Java, or Graphviz?

No. The online tool uses a server-backed preview, so you can edit and render the diagram directly in the browser.

Need AI-Assisted Diagram Editing?

Open the full OnUML editor for AI generation, syntax repair, sharing, saved projects, and multi-format diagram workflows.

Open Full Editor