0 views collected around this technical thread.
This article demonstrates how to use the text‑based Mermaid tool to create a variety of diagrams—from flowcharts for making breakfast to network packet charts—illustrating practical, everyday applications of visualisation with clear code examples and explanations.
This tutorial walks you through using the free online diagramming tool Diagrams (draw.io), covering how to launch the editor, navigate its interface, and leverage its menu bar, toolbar, shape library, canvas, style panel, and page controls to create professional flowcharts and diagrams.
The article introduces the free, web‑based diagramming tool Diagrams (draw.io) as an accessible alternative to Visio and ProcessOn, explains how to launch it, choose storage, and use its menu bar, toolbar, shape palette, canvas, style panel, and bottom bar, and shows renaming, file‑type changes, and multi‑page organization for creating flowcharts, mind maps, and other diagrams without installing software.
This article introduces PlantUML, explains its text‑based diagramming approach, walks through quick setup, IDE plugins, core sequence‑diagram syntax—including participants, message types, lifelines, activation bars, grouping, notes, and color customization—while providing complete code examples and best‑practice tips.
This guide walks you through the reasons for using draw.io, provides direct download links, explains step‑by‑step Windows installation, demonstrates basic usage and panel navigation, and also covers alternative installation methods and the online version of the diagramming tool.
This article provides a concise overview of several widely used diagramming tools—including Excalidraw, draw.io, Yuque, Xmind, Carbon, and ProcessOn—detailing their features, templates, collaboration options, and where to access them online.
This article introduces several popular diagramming tools—including Excalidraw, draw.io, Yuque, XMind, Carbon, and ProcessOn—detailing their main capabilities, templates, export options, collaboration features, and where to access them online.
This article introduces four convenient online utilities—hexed.it for hexadecimal editing, text2image for converting text to images, Carbon for turning code snippets into stylish pictures, and draw.io for creating diagrams—highlighting their features, usage tips, and practical applications for developers.
This article introduces the free online diagramming tool Diagrams (also known as draw.io), explains how to access its web interface, and provides a detailed walkthrough of its UI components—including the menu bar, toolbar, shape library, canvas, style panel, and bottom navigation—so readers can efficiently create and manage flowcharts.
This guide explains how to install the PlantUML plugin and Graphviz, configure environment variables and IntelliJ IDEA, and use PlantUML to quickly create UML diagrams and flowcharts directly within the IDE, including a sample code snippet and alternative browser options.
This guide introduces PlantUML, an open‑source text‑based UML tool, shows how to install its IntelliJ IDEA plugin, and provides step‑by‑step examples for creating sequence, use‑case, class, activity, and mind‑map diagrams, highlighting key syntax and the efficiency of code‑driven diagramming.
This article explains the purpose and methodology of drawing software architecture diagrams, introduces the 4+1 view and C4 models, describes each diagram type, shares common pitfalls, and provides practical tips and tool recommendations to help engineers communicate system designs effectively.
This tutorial provides a detailed walkthrough of ProcessOn, covering flowchart creation, mind‑mapping, template usage, collaboration features, file organization, pricing plans, and additional highlights, enabling users to efficiently produce and share architectural diagrams and other visual assets.
This article explains the Manhattan routing algorithm used for automatic orthogonal connection routing in diagram tools, discusses its origins, references useful libraries like draw2d, and provides a full TypeScript implementation with code examples and practical application scenarios.
This article explains what BPMN (Business Process Model and Notation) is, its purposes, core symbols, and provides step‑by‑step instructions for drawing BPMN diagrams using dedicated software, helping both technical and non‑technical stakeholders visualize and communicate business processes effectively.
The article explains why software architects need to create clear diagrams, describes the problems they solve, lists nine typical diagram types—including use case, robustness, mind map, DFD, flowchart, class, state, E‑R, and sequence diagrams—with their appropriate scenarios, advantages, and drawbacks, and outlines a step‑by‑step workflow for applying them in real projects.