diagram

Xây dựng ứng dụng bảng vẽ vô tận trong React với tldraw SDK. SDK số 1 thế giới, được các tác nhân AI đánh giá cao nhất với 5 sao.

:art: Sơ đồ dạng mã để tạo mẫu kiến trúc hệ thống đám mây.

Tạo biểu đồ từ mô tả văn bản

Một khung chỉnh sửa biểu đồ luồng tập trung vào tùy chỉnh nghiệp vụ. Hỗ trợ hiện thực hóa các kịch bản chỉnh sửa biểu đồ khác nhau như sơ đồ tư duy, sơ đồ ER, UML, luồng công việc.

Tiện ích mở rộng không chính thức này tích hợp Draw.io (còn gọi là diagrams.net) vào VS Code.

Một thư viện sơ đồ cực kỳ đơn giản, thiết thực được viết bằng react hoạt động rất hiệu quả

Tạo sơ đồ draw.io từ ngôn ngữ tự nhiên — 11 mẫu có sẵn (UML, SysML/MBSE, BPMN, network, C4…), 36 công cụ: chuyển đổi codebase/CI/infra thành sơ đồ, chuyển hình ảnh thành sơ đồ có thể chỉnh sửa, sơ đồ tư duy, hoạt ảnh từng bước, nén chế độ xem cho quản lý, runbook tương tác, PR diff bot. Tự kiểm tra bằng Vision, hơn 10.000 hình dạng. Xuất định dạng PNG/SVG/PDF/JPG.

Vẽ sơ đồ lưu đồ SVG đơn giản từ biểu diễn văn bản của sơ đồ

Thư viện vẽ sơ đồ bằng JavaScript dành cho lưu đồ tương tác, sơ đồ tổ chức, công cụ thiết kế, công cụ lập kế hoạch, ngôn ngữ trực quan.

FlowGram là một framework phát triển workflow có thể mở rộng với canvas, form, biến và tài liệu được tích hợp sẵn, giúp các nhà phát triển xây dựng nền tảng AI workflow nhanh hơn và đơn giản hơn.

draw.io là một trình chỉnh sửa sơ đồ tổng quát chạy trên phía client bằng JavaScript.

Kết nối trực quan cho các webapp

C4-PlantUML kết hợp các lợi ích của PlantUML và mô hình C4 để cung cấp một cách đơn giản nhằm mô tả và truyền đạt kiến trúc phần mềm.

🚀 Thư viện vẽ sơ đồ bằng JavaScript sử dụng SVG và HTML để hiển thị.

CloudMapper giúp bạn phân tích môi trường Amazon Web Services (AWS) của mình.

📊 Thư viện bọc Vue.js cho Chart.js

🦋 Butterfly, một thư viện sơ đồ JavaScript/React/Vue2 tập trung vào lĩnh vực bố cục luồng (Thư viện sơ đồ dựa trên JavaScript/React/Vue2)

Chuyển đổi các bản vẽ ASCII sơ sài thành các hình SVG sinh động

Biểu đồ tương tác về các phương thức vòng đời trong React.

:dizzy: Hiển thị các chế độ xem mạng động, được tổ chức tự động và có thể tùy chỉnh.

Trình chỉnh sửa biểu đồ giao hoán hiện đại cho web.

:ocean: Công cụ kết xuất biểu đồ thời gian kỹ thuật số

Trực quan hóa Terraform tương tác. Trình khám phá trạng thái và cấu hình.

Bộ sưu tập các công cụ tạo biểu đồ được tuyển chọn, sử dụng bởi các đội ngũ kỹ thuật phần mềm hàng đầu

Trình trực quan hóa cơ sở hạ tầng homelab tự lưu trữ — sơ đồ mạng tương tác với tính năng giám sát trạng thái trực tiếp

Trình kết xuất sơ đồ UML sắc sảo

Gaphor là công cụ mô hình hóa đơn giản

Trực quan hóa tương tác của các đồ thị phụ thuộc Terraform sử dụng d3.js

Trình tạo sơ đồ lớp PlantUML cho các dự án golang

Đọc file tfstate hoặc HCL để tạo biểu đồ riêng cho từng nhà cung cấp, chỉ hiển thị các tài nguyên quan trọng/liên quan nhất.