PlantUML Web Server

@startuml
hide circle

skinparam class {
    AttributeIconSize 0
    BackgroundColor white
}

skinparam note {
    BackgroundColor white
    ' According to the UML Spec.
}

' All connections to notes use dashed lines

title "UML notes/comments"

' Source: adapted from https://github.com/plantuml/plantuml-server/issues/384

package workaround-for-uml-strict-compatibility {
    class a_class as "AClass" {
        - anAttribute : float
    }

note as floating_note
        This note isn't
        connected to
        any element.
    end note

note as note_to_element
        This note is
        connected to
        a classifier.
    end note

/'
    Connection workaround: two hidden connections
    before and after the actual connection to
    make it point straight. One of the hidden ones
    can be removed for a non-straight connection.
    '/
    note_to_element .r[hidden]. a_class /' Layout purposes '/
    note_to_element .. a_class
    note_to_element .[hidden]. a_class /' Layout purposes '/

class another_class as "AnotherClass"
    another_class <|-- a_class

note as note_to_link
        This note is
        connected to
        a link.
    end note
    
    /'
    Connection workaround with an actual connection
    and a single hidden connection.
    '/
    
    note_to_link . (another_class, a_class)
    note_to_link .[hidden]. a_class /' Layout purposes '/
}
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art