TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Documentation as Code for Cloud Using PlantUML

96 pointsby cyneoxalmost 2 years ago

15 comments

mikeholleralmost 2 years ago
One of the coolest things about plantuml is the generated PNG actually contains the source code for the image as metadata. If someone gives you an image, they don't also need to send you the source because you can extract it using the plantuml CLI.
评论 #36936385 未加载
评论 #36937983 未加载
评论 #36935795 未加载
评论 #36939889 未加载
评论 #36941751 未加载
jerieljanalmost 2 years ago
I love PlantUML. I was always fond of it in my early days as a software engineer and still use it today, along with all the various ways to draw diagrams out there, whether it&#x27;s through a web tool like draw.io or Miro or through markup like PlantUML and Mermaid.<p>Some stuff I&#x27;d like to share with the rest:<p>- PlantUML&#x27;s default style has improved since the days of red&#x2F;brown borders, pale yellow boxes, drop shadows and such but I&#x27;ve attempted fixing it before through a preset style [I&#x27;ve made before here](<a href="https:&#x2F;&#x2F;gist.github.com&#x2F;jerieljan&#x2F;4c82515ff5f2b2e4dd5122d354a82b7e" rel="nofollow noreferrer">https:&#x2F;&#x2F;gist.github.com&#x2F;jerieljan&#x2F;4c82515ff5f2b2e4dd5122d354...</a>). It&#x27;s obsolete nowadays, since I&#x27;m sure someone has made a style generator somewhere, and last I checked, PlantUML allows a monochrome style out of the box.<p>- [Eraser](<a href="https:&#x2F;&#x2F;app.eraser.io" rel="nofollow noreferrer">https:&#x2F;&#x2F;app.eraser.io</a>) is promising, considering that it&#x27;s trying to blend both diagram-as-code markup along with the usual visual diagram editor. I&#x27;m still seeing if it&#x27;s worth picking up since Miro&#x27;s hard to beat.<p>- On an unrelated note, [WikiJS](<a href="https:&#x2F;&#x2F;js.wiki&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;js.wiki&#x2F;</a>) is a self-hosted wiki that happens to support draw.io, PlantUML and MermaidJS diagrams out of the box. Quite handy to have for your own docs.<p>- I use Miro nowadays since it&#x27;s significantly quicker to draw things freeform and to collaborate live with folks on a whiteboard at the cost of having your diagrams in markup, but it&#x27;s easy to miss the integration that [you can actually import PlantUML](<a href="https:&#x2F;&#x2F;help.miro.com&#x2F;hc&#x2F;en-us&#x2F;articles&#x2F;7004940386578" rel="nofollow noreferrer">https:&#x2F;&#x2F;help.miro.com&#x2F;hc&#x2F;en-us&#x2F;articles&#x2F;7004940386578</a>) and Mermaid diagrams in a Miro board too. You can also do edits too, but it&#x27;s on its own PlantUML section, of course.
评论 #36941050 未加载
thangalinalmost 2 years ago
My cross-platform desktop text editor, KeenWrite, allows users to define variables in an external YAML file. The editor calls out to Kroki[1] to convert text-based diagrams to SVG. The diagrams can reference variables and are rendered using EchoSVG[2].<p>KeenWrite[3] can produce PDF documentation from Markdown documents that has PlantUML diagrams with elements stored in an external, machine-readable file. Here are screenshots showing variables on the left, diagram text in the middle, and a real-time render on the right:<p>* <a href="https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;DaveJarvis&#x2F;KeenWrite&#x2F;main&#x2F;docs&#x2F;images&#x2F;screenshots&#x2F;01.png" rel="nofollow noreferrer">https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;DaveJarvis&#x2F;KeenWrite&#x2F;main&#x2F;...</a><p>* <a href="https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;DaveJarvis&#x2F;KeenWrite&#x2F;main&#x2F;docs&#x2F;images&#x2F;screenshots&#x2F;05.png" rel="nofollow noreferrer">https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;DaveJarvis&#x2F;KeenWrite&#x2F;main&#x2F;...</a><p>KeenWrite supports all diagrams offered by Kroki, which includes &quot;diagram-plantuml&quot;.<p>[1]: <a href="https:&#x2F;&#x2F;kroki.io&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;kroki.io&#x2F;</a><p>[2]: <a href="https:&#x2F;&#x2F;github.com&#x2F;css4j&#x2F;echosvg&#x2F;">https:&#x2F;&#x2F;github.com&#x2F;css4j&#x2F;echosvg&#x2F;</a><p>[3]: <a href="https:&#x2F;&#x2F;github.com&#x2F;DaveJarvis&#x2F;keenwrite">https:&#x2F;&#x2F;github.com&#x2F;DaveJarvis&#x2F;keenwrite</a>
jimmcslimalmost 2 years ago
I&#x27;m a big fan of PlantUML. The only issue I have is that the layout algorithm sometimes can be challenging to work with for certain types of diagrams, although this is often due to there being too many nodes in the diagram... so, simplify it?<p>Nevertheless one improvement I would like to see for PlantUML (and similar tools like Mermaid) is a way to separate content and style from layout... i.e perhaps have a viewer that can pop up and let the user reorganise the elements and save the absolute positioning to a separate sidecar file?
smusamashahalmost 2 years ago
The list of many PlantUML kind of tools <a href="https:&#x2F;&#x2F;xosh.org&#x2F;text-to-diagram&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;xosh.org&#x2F;text-to-diagram&#x2F;</a>
bjt12345almost 2 years ago
I use PlantUML to create quick network diagrams.<p>It&#x27;s the only solution I found which allows tailoring a diagram if it renders poorly.<p>For example, if access switches are to be on the left, and trunk switches on the right, PlantUML is the only solution I found which adequately allows the user to add such constraints, via:<p>S1 --E-- S2
评论 #36939556 未加载
bluejekyllalmost 2 years ago
I started using plantuml more rigorously at work. I&#x27;ve found that collaboration on the drawings&#x2F;diagrams, is simpler and easier as it can be tracked in Git. One additional thing that I&#x27;ve been using as well is the mdBook plugin to embed and render the images as part of a larger book. This has been helpful for large systems when there are many teams involved. We publish the content as github pages on the repos as well.<p>I&#x27;d like to start doing this with my open-source as well.<p><a href="https:&#x2F;&#x2F;github.com&#x2F;sytsereitsma&#x2F;mdbook-plantuml">https:&#x2F;&#x2F;github.com&#x2F;sytsereitsma&#x2F;mdbook-plantuml</a>
评论 #36936173 未加载
s1291almost 2 years ago
Community list of comparisons between Text to Diagram tools: <a href="https:&#x2F;&#x2F;text-to-diagram.com&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;text-to-diagram.com&#x2F;</a>
评论 #36938937 未加载
lxealmost 2 years ago
Somewhat related thing I&#x27;ve discovered recently that I&#x27;m finding tremendously useful: ChatGPT knows plantUML so it can generate amazing diagrams just from your prompt.
nextaccounticalmost 2 years ago
Here&#x27;s three interesting Rust projects that use plantuml<p>You can embed plantuml and drawio diagrams in Rust doc comments and have it rendered in the docs, using this crate<p><a href="https:&#x2F;&#x2F;crates.io&#x2F;crates&#x2F;rsdoc" rel="nofollow noreferrer">https:&#x2F;&#x2F;crates.io&#x2F;crates&#x2F;rsdoc</a><p>And you can generate plantuml from SQL tables using<p><a href="https:&#x2F;&#x2F;crates.io&#x2F;crates&#x2F;sqlant" rel="nofollow noreferrer">https:&#x2F;&#x2F;crates.io&#x2F;crates&#x2F;sqlant</a> (this one is a rust port of a go tool, <a href="https:&#x2F;&#x2F;github.com&#x2F;achiku&#x2F;planter">https:&#x2F;&#x2F;github.com&#x2F;achiku&#x2F;planter</a>)<p>And you can embed plantuml in mdbook<p><a href="https:&#x2F;&#x2F;crates.io&#x2F;crates&#x2F;mdbook-plantuml" rel="nofollow noreferrer">https:&#x2F;&#x2F;crates.io&#x2F;crates&#x2F;mdbook-plantuml</a>
pachicoalmost 2 years ago
I have been using plantuml with Aws icons for years, already. I love it. I can write locally, in gitlab and in Confluence. I can iterate over it and it says right embedded in my docs.
gatanealmost 2 years ago
I used PlantUML for a lab project. I would recommend getting the latest jar version, it has support for themes and a lot of other stuff!
pagnolalmost 2 years ago
For anyone using Emacs Org mode, it may be interesting to know that plantUML diagrams can be embedded in Org documents using Babel.
评论 #36941741 未加载
candiddevmikealmost 2 years ago
What does PlantUML do better than mermaid?
评论 #36936852 未加载
评论 #36937082 未加载
评论 #36937344 未加载
评论 #36937321 未加载
rpzalmost 2 years ago
similieHash(“documentation as code”) == similieHash(“nails as hammer”)