0 views collected around this technical thread.
This article demonstrates how to use AI‑powered text‑to‑diagram tools such as PlantUML, Mermaid, Flowchart, Graphviz, SVG, Obsidian Canvas, and draw.io to quickly create editable, high‑quality technical diagrams for software architecture and process flows.
Learn how to install Mermaid Live Editor using Docker, then create various diagram types—including flowcharts, sequence diagrams, class diagrams, and mind maps—by writing simple Markdown-like syntax, with examples drawn from a SpringBoot‑Vue e‑commerce project and tips on theme customization.
This article explains how to use ChatGPT to generate Mermaid diagram code for flowcharts, sequence diagrams, Gantt charts, and entity‑relationship diagrams, and then import the code into the online drawing tool draw.io to create visual workflow charts, highlighting the benefits over manual drawing.
This article introduces PlantUML, explains how to install its plugins for IDEs, demonstrates various diagram types such as activity, class, component, and sequence, and provides a practical code example for modeling authentication flows, making it a comprehensive guide for creating UML diagrams efficiently.
This article introduces PlantUML, an open‑source tool that lets developers generate various UML diagrams directly from text, explains how to install the IntelliJ IDEA plugin, and provides step‑by‑step code examples for sequence, use‑case, class, activity, and mind‑map diagrams, complete with visual outputs.
This article explains how to create clear and effective software architecture diagrams by defining architecture concepts, describing various diagram types such as business, application, technical and data architectures, introducing the 4+1 and C4 view models, and offering practical tips on audience targeting, visual elements, and consistency with code.
This article examines the evolution of a monitoring platform, identifies key challenges such as alarm overload and fragmented data, and presents a solution that combines Grafana with Diagram and FlowCharting plugins to create business‑process‑oriented, data‑driven visualizations for faster issue resolution.
This article explains the purpose and definition of system architecture, introduces the 4+1 and C4 diagram models, and provides practical guidelines for drawing clear, audience‑focused architecture diagrams that accurately convey structural and behavioral information.
This article explains the purpose and classification of software architecture diagrams, introduces the 4+1 and C4 view models, and provides practical guidelines for drawing clear, audience‑focused diagrams that accurately reflect system structure and align with code.
GitHub now integrates the Mermaid diagram plugin into Markdown, allowing developers to embed flowcharts, sequence diagrams, Gantt charts, and more directly in documentation using simple text syntax, which streamlines visualization, reduces maintenance overhead, and enhances collaborative understanding of project architectures.
This article explains the purpose and basic concepts of software architecture diagrams, introduces common view types such as scenario, logical, physical, process, and development, discusses criteria for good diagrams, highlights typical pitfalls, and presents the C4 modeling approach with practical examples and tool recommendations.
This article guides Java developers on installing the PlantUML plugin for IntelliJ IDEA, setting up Graphviz, configuring environment variables, and creating UML diagrams directly from text, including sample code and alternative Chrome viewer options.
This guide explains what PlantUML is, its advantages, how to install the PlantUML plugin and Graphviz on Windows, configure IntelliJ IDEA, write PlantUML code to generate diagrams, and alternative browser‑based options, providing a complete workflow for developers.
This article explains why architecture diagrams are essential for developers, outlines the main categories of diagrams, introduces the Zachman framework and its six-by-six matrix, and provides step‑by‑step examples for creating selection, microservice, and technical architecture diagrams.
This tutorial explains how to use IntelliJ IDEA's built‑in Diagram plugin to automatically generate UML class diagrams for Java classes, covering configuration steps, shortcut keys, example screenshots, and the tool's limitations for software design documentation.
This article explains the value of technical diagramming, defines architecture and architecture diagrams, describes their purposes, outlines common diagram categories such as the 4+1 view, offers criteria for good diagrams, addresses typical pitfalls, and introduces the C4 model with concrete examples and a case study.
This article explains the purpose and value of architecture diagrams, defines key concepts, outlines five common view types, discusses criteria for good diagrams, highlights common pitfalls, and introduces the C4 modeling approach with examples to help engineers communicate system designs effectively.
This article introduces a systematic approach to creating clear software architecture diagrams, explains fundamental concepts of architecture and diagram types, discusses common pitfalls, and demonstrates how the C4 model can be applied to produce self‑describing, audience‑focused visualizations for developers, operations, and product teams.