kamiazya/rediagram

🖥️ Vẽ sơ đồ hệ thống bằng JSX/TSX với rediagram

rediagram cho phép bạn mô tả kiến trúc hệ thống như một component React, sau đó tự động sinh ảnh sơ đồ qua Graphviz.

rediagram là một thư viện TypeScript cho phép người dùng viết mã cho sơ đồ kiến trúc hệ thống theo phong cách React, sử dụng JSX/TSX. Dự án dựa trên Graphviz để render hình ảnh và hỗ trợ xuất ra định dạng PNG, SVG hoặc PDF. rediagram cung cấp các thành phần UI tái sử dụng và thư viện biểu tượng cho các dịch vụ đám mây như AWS, GCP, Firebase.

✨ Điểm nổi bật

• Vẽ bằng JSX/TSX: Dùng cú pháp React để mô tả sơ đồ hệ thống.
• Hỗ trợ nhiều định dạng: Xuất ảnh ra PNG, SVG, PDF.
• Tích hợp dịch vụ đám mây: Các component cho AWS, GCP, Firebase.
• CLI xuất hàng loạt: Lệnh rediagramc tự động sinh ảnh từ nhiều file.
• Dễ thiết lập dự án: Khởi tạo dự án mới chỉ bằng một lệnh.
• Yêu cầu Graphviz: Cần cài đặt Graphviz để chạy.

💡 Vì sao đáng chú ý

rediagram khác biệt từ các công cụ vẽ sơ đồ thông thường bằng cách biến quá trình thiết kế sơ đồ thành code, giúp dễ dàng quản lý phiên bản và tái sử dụng. Phù hợp cho các đội phát triển muốn tự động hóa việc tạo sơ đồ kiến trúc hệ thống trong tài liệu hoặc pipeline CI/CD.

---

#TypeScript #React #Diagram #Graphviz #OpenSource #TiniX