• Home
  • Blog
  • About
  • Table XLSX
  • Table Data
  • Panzoom
  • Main Examples
  • Gallery
  • About
  • presentation
    • Tester page 3
    • Tester page 2
    • Tester page 1
    • raspi
  • prepare1
    • prepare2
      • deepest2
        • deepest3
  • code
    • Plantuml
    • kroki

Plantuml Static integrations

These integrations use a markdown code block with specific languages
@startuml
Michael -> Maria : Message(Hello)
@enduml
Copied!

Remark Plantuml Astro Component

This code is using plantuml code. The remark plugin associated with it is remark-plantuml-astro it generates an svg file out of the sequence and only passes a <data.../> tag that will be replaced by an SvgPz astro component, which can enhance it with features like modal pan zoom or more.
×
@startuml
Michael -> Maria : Message(Hello)
@enduml
Copied!

Remark Plantuml Svg

This code is using plantumlsvg code. The remark plugin associated with it is remark-plantuml-svg, it directly replaces the code block with an svg content.
@startuml
Michael -> Maria : Message(Hello)
@enduml
Copied!

Large sequence

×
@startuml
Michael -> Maria : Message(Hello)
Maria -> Marco : Message(Hi)
Marco -> Miranda : Message(Hi there)
Miranda -> Mario : Message(Hallo)
Mario -> Mathilda: Message(Hallo)
@enduml
Copied!
  • Plantuml Static integrations
    • Remark Plantuml Astro Component
    • Remark Plantuml Svg
    • Large sequence

footer