BestHub
Sign in
Tagged articles

diagram

36 articles · Page 1 of 1
AI Architecture Path
AI Architecture Path
Jul 12, 2026 · Artificial Intelligence

Archify v2.10: Open‑Source AI Drawing Skill Generates Diagrams in One Sentence

Archify v2.10, an open‑source AI drawing skill, lets developers describe system architecture, workflows, sequence or data‑flow diagrams in plain language and instantly produces high‑resolution, dual‑theme SVG/HTML outputs, while offering auto‑validation, zero‑dependency sharing, and detailed comparisons with Mermaid, Draw.io and Excalidraw.

AIDevOpsLLM
0 likes · 15 min read
Archify v2.10: Open‑Source AI Drawing Skill Generates Diagrams in One Sentence
Java Companion
Java Companion
Jun 27, 2026 · Industry Insights

Why D2’s 24k‑Star Open‑Source Diagram Language Beats PlantUML and Mermaid

The article reviews D2, a declarative diagram scripting language with indentation‑based hierarchy, multiple layout engines, built‑in themes, precise error messages, and Go library support, comparing it against PlantUML, Mermaid and Graphviz while also noting its current limitations such as lack of native GitHub rendering and a limited icon set.

CLID2Declarative
0 likes · 11 min read
Why D2’s 24k‑Star Open‑Source Diagram Language Beats PlantUML and Mermaid
CodeTrend
CodeTrend
Apr 19, 2026 · Fundamentals

Understanding Linux Architecture and Boot Process with Diagrams

This article presents a collection of diagrams that illustrate the Linux system architecture, the SCI module interface framework, device driver placement, and the complete boot sequence from the firmware bootloader through the kernel to the system layer.

LinuxSCI Moduleboot process
0 likes · 2 min read
Understanding Linux Architecture and Boot Process with Diagrams
Big Data Tech Team
Big Data Tech Team
Feb 26, 2026 · Big Data

How to Design Practical Data Architecture Diagrams: A Step‑by‑Step Guide

This guide walks data engineers through the entire process of creating clear, production‑ready data architecture diagrams—from identifying the diagram type and defining layers, to selecting tools, drawing step‑by‑step components, applying visual standards, avoiding common pitfalls, and validating the final design for stakeholders.

big-datadata-architecturedata-engineering
0 likes · 11 min read
How to Design Practical Data Architecture Diagrams: A Step‑by‑Step Guide
Su San Talks Tech
Su San Talks Tech
Jan 12, 2026 · Artificial Intelligence

How to Supercharge Diagram Creation with AI: From Text Prompts to draw.io

Learn how to rapidly generate high‑quality flowcharts, architecture diagrams, and SVG graphics in under three minutes using AI text‑to‑image tools like Claude‑3.7‑sonnet, PlantUML, Mermaid, Graphviz, Obsidian Canvas, and draw.io, with step‑by‑step prompts, configuration tips, and editing tricks.

AIMermaidPlantUML
0 likes · 13 min read
How to Supercharge Diagram Creation with AI: From Text Prompts to draw.io
macrozheng
macrozheng
Apr 10, 2025 · Frontend Development

Master Mermaid: Build Flowcharts, Sequence & Class Diagrams via Docker

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.

DockerMarkdownMermaid
0 likes · 10 min read
Master Mermaid: Build Flowcharts, Sequence & Class Diagrams via Docker
Chen Tian Universe
Chen Tian Universe
Dec 21, 2024 · Fundamentals

Unveiling the Super Payment Clearing Ecosystem: A Visual Deep Dive

The article shares a series of detailed payment‑clearing architecture diagrams that illustrate the full domestic payment ecosystem, its participants, settlement flows, and regulatory layers, inviting readers to explore each component and its interconnections.

Financial SystemsPayment ArchitectureSettlement
0 likes · 6 min read
Unveiling the Super Payment Clearing Ecosystem: A Visual Deep Dive
DevOps Cloud Academy
DevOps Cloud Academy
Jun 23, 2024 · Fundamentals

Generating Flowcharts and Diagrams with Mermaid and draw.io Using ChatGPT

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.

ChatGPTDocumentationFlowchart
0 likes · 6 min read
Generating Flowcharts and Diagrams with Mermaid and draw.io Using ChatGPT
Top Architect
Top Architect
Jan 10, 2024 · Fundamentals

PlantUML Tutorial: Installation, Usage, Diagram Types, and Practical Example

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.

PlantUMLSoftware DesignTutorial
0 likes · 8 min read
PlantUML Tutorial: Installation, Usage, Diagram Types, and Practical Example
macrozheng
macrozheng
Jan 8, 2024 · Fundamentals

Boost Your Documentation Efficiency: Master PlantUML for Rapid Diagram Creation

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.

IDEPlantUMLUML
0 likes · 13 min read
Boost Your Documentation Efficiency: Master PlantUML for Rapid Diagram Creation
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 8, 2024 · Fundamentals

Master Diagramming: Design Principles to Make Your Tech Charts Stand Out

This guide shares practical methods for creating clear, attractive, and complete diagrams—covering code, architecture, business process, flow, and sequence charts—by applying four design principles, color‑wheel techniques, golden‑ratio composition, and an end‑to‑start mindset to improve developers’ visual communication.

Design PrinciplesSoftware Engineeringcolor theory
0 likes · 8 min read
Master Diagramming: Design Principles to Make Your Tech Charts Stand Out
Top Architect
Top Architect
May 17, 2023 · Fundamentals

How to Draw Effective Architecture Diagrams

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.

4+1 viewC4 modelSoftware Design
0 likes · 9 min read
How to Draw Effective Architecture Diagrams
ITPUB
ITPUB
Dec 6, 2022 · Operations

Bridging Business Processes with Grafana: Visual Monitoring Using Diagram and FlowCharting

This article examines the evolution of a monitoring platform, identifies issues such as alert overload and business‑monitoring separation, and presents a Grafana‑based solution that combines Diagram or FlowCharting plugins to visualize metrics alongside business workflows for faster fault isolation.

FlowChartingGrafanabusiness process
0 likes · 8 min read
Bridging Business Processes with Grafana: Visual Monitoring Using Diagram and FlowCharting
Efficient Ops
Efficient Ops
Nov 6, 2022 · Operations

Visualizing Business‑Process Monitoring with Grafana, Diagram & FlowCharting

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.

FlowChartingGrafanaMermaid
0 likes · 10 min read
Visualizing Business‑Process Monitoring with Grafana, Diagram & FlowCharting
IT Services Circle
IT Services Circle
Feb 17, 2022 · Frontend Development

Using Mermaid Diagrams in GitHub Markdown: A Quick Introduction

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.

DocumentationGitHubMarkdown
0 likes · 5 min read
Using Mermaid Diagrams in GitHub Markdown: A Quick Introduction
IT Architects Alliance
IT Architects Alliance
Nov 17, 2021 · Fundamentals

How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices

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.

C4 modelSystem Designdiagram
0 likes · 12 min read
How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices
Java Interview Crash Guide
Java Interview Crash Guide
Aug 21, 2021 · Fundamentals

How to Create Clear Architecture Diagrams: A Practical C4‑Model Guide

This article explains why well‑crafted architecture diagrams are essential for technical communication, outlines common pitfalls, introduces the C4 modeling approach with its five views, and provides practical advice on drawing self‑describing diagrams that match audience needs and code reality.

C4 modelSoftware DesignSystem Modeling
0 likes · 11 min read
How to Create Clear Architecture Diagrams: A Practical C4‑Model Guide
Liangxu Linux
Liangxu Linux
Jun 15, 2021 · Fundamentals

Quickly Create UML Diagrams in IntelliJ IDEA with PlantUML

This guide shows how to install and configure the PlantUML plugin and Graphviz on Windows, set up environment variables, and use simple text syntax to generate UML sequence and class diagrams directly within IntelliJ IDEA, plus an alternative Chrome extension.

GraphvizIntelliJ IDEAPlantUML
0 likes · 4 min read
Quickly Create UML Diagrams in IntelliJ IDEA with PlantUML
IT Architects Alliance
IT Architects Alliance
May 17, 2021 · Industry Insights

How to Craft Clear Architecture Diagrams: A Practical C4 Methodology

This article presents a practical methodology for creating clear software architecture diagrams, explaining core concepts, the 4+1 view classification, common pitfalls, and the C4 model with concrete examples, helping architects choose the right diagram type for their audience and purpose.

C4 modelSoftware DesignSystem Modeling
0 likes · 12 min read
How to Craft Clear Architecture Diagrams: A Practical C4 Methodology
macrozheng
macrozheng
Mar 5, 2021 · Fundamentals

Mastering Architecture Diagrams: Types, Zachman Framework & Practical Guides

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.

Enterprise ArchitectureTOGAFZachman
0 likes · 10 min read
Mastering Architecture Diagrams: Types, Zachman Framework & Practical Guides
Top Architect
Top Architect
Sep 15, 2020 · Fundamentals

Generating UML Class Diagrams in IntelliJ IDEA

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.

IDE pluginIntelliJ IDEASoftware Design
0 likes · 4 min read
Generating UML Class Diagrams in IntelliJ IDEA
Top Architect
Top Architect
Jul 20, 2020 · Fundamentals

How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices

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.

C4 modelDocumentationSoftware Design
0 likes · 10 min read
How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices
Architecture Digest
Architecture Digest
Apr 14, 2019 · Fundamentals

A Practical Methodology for Clear Software Architecture Diagrams Using the C4 Model

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.

C4 modelSystem Modelingarchitecture
0 likes · 11 min read
A Practical Methodology for Clear Software Architecture Diagrams Using the C4 Model
Programmer DD
Programmer DD
Oct 18, 2017 · Fundamentals

Key Tools for Fast Blog Creation: Markdown, Diagrams, Image Hosting, Highlighting

After choosing a blogging platform, this guide recommends essential tools—Typora for markdown editing, ProcessOn for diagram creation, 外链工厂 for image hosting, and highlight.js for code syntax highlighting—explaining their features, official sites, and why they improve the blogging workflow.

Image Hostingbloggingdiagram
0 likes · 5 min read
Key Tools for Fast Blog Creation: Markdown, Diagrams, Image Hosting, Highlighting